Javascriptでの使用

| | | | | | | | |

JavaScriptは、Webサイトで動的コンテンツを作成するために使用されるプログラミング言語です。

毎日使用するWeb機能について考えてみてください。 Twitterでスクロールし続けると、新しいコンテンツがどのように読み込まれるか、または likeボタンをクリックするとYouTubeがどのように更新されるかを考えてください。これは動作中のJavaScriptです。 JavaScriptを使用して、インタラクティブフォームの作成、画像のアニメーション化、レスポンシブ要素の作成など、ニーズに対応できます。

Webサイトを構築する場合、使用する主なWebテクノロジーは3つあります。 HTML CSS JavaScript HTML を使用してWebページの構造を決定し、 CSSを使用してWebページの外観を制御します。 JavaScript は、サイトを動的にするために使用できるWeb開発の3番目の要素です。

そして、JavaScriptでできることはそれだけではありません。複数の静的Webページを作成する場合は、JSを使用することをお勧めします。ただし、JavaScriptは、バックエンドのWeb開発、ゲームの開発、モバイルアプリケーションの作成にも使用できます。

このガイドでは、最も一般的な操作のいくつかについて説明します。 JavaScriptを学ぶ際の出会い。サブチェーン、 try ... catch ブロックを使用したテストコード、ifステートメントの使用など、JavaScriptの基本について説明します。基本を説明した後、JavaScriptのより高度な機能についても説明します。

JavaScriptを初めて使用し、入門チュートリアルを探している場合は、このガイドをご覧ください。まず、JavaScriptで最も一般的な操作のいくつかを調べてみましょう。

JavaScriptのフィルタリングと縮小

JavaScriptで配列を操作する場合、オブジェクトをフィルタリングしたり、計算を実行したりできます。すべての要素で。マトリックスの内部に。ここで、それぞれ filter()関数とreduce()関数が機能します。

Filter()関数を使用して、配列から特定の条件を満たす値を取得できます。すべての生徒を返すフィルター関数の例を次に示します。1年生

reduce()メソッドを使用して、配列を単一の値に減らすことができます。たとえば、クラスの生徒の合計年齢を取得する場合は、次のコードを使用できます。

これらの関数の動作とコードでの使用方法の詳細については、これらの関数の完全ガイドを参照してください。

JavaScript文字列に含まれる

文字列は、r表示およびテキストのプログラミングで使用されます。文字列を操作するときに、この文字列に特定の値が含まれているかどうかを確認できます。たとえば、誰かの名前に Jonesが含まれているかどうかを確認できます。

JavaScriptに組み込まれているunderstands()を使用して、文字列には部分文字列が含まれます。文字列に部分文字列が含まれているかどうかを確認するために使用されるinclude()メソッドの例を次に示します。

JavaScriptの分割とスライス

多くの場合、部分文字列または配列に分割する文字列を使用できます。これを行うには、JavaScript関数 split()およびslice()

split()関数を使用すると、文字列を配列に分割できます。たとえば、ユーザーのフルネームを文字列の配列に変換する場合は、を使用できます。 split()function 動作中のsplit()の例を次に示します。

trigger()は、文字列内の2つのインデックス番号の間のすべての文字を返し、サブストリングを作成できるようにします。これは、実際のスライスの例です。

JavaScriptコードsplice()を使用して、配列内の任意の位置に要素を追加または削除できます。たとえば、従業員名のリストがあり、リストから2番目の名前を削除する場合は、 splice()を使用できます。

これは<の例です。 code> splice()は、インデックス 3の値を持つ名前Paulを配列から削除するために使用されます。

JavaScriptサブストリング

JavaScriptコードsubstring()メソッドを使用すると、ストリングの一部を抽出して、そこにサブストリングを作成できます。たとえば、誰かの名前の最後の2文字を取得する場合は、 substring()を使用できます。

これは、最初の文字を削除するために使用されるサブ文字列の例です。文字列からの2文字:

JavaScript Try Catch

すべての開発者は、コーディング中に間違いを犯します。エラーが発生した場合に適切に処理されるようにすることが重要です。 JavaScriptではtry/catchブロックがハンドルエラーに使用されます。

try / catchブロックが使用されると、コードが実行され、コードにエラーが見つかった場合はカスタム応答が返されます。動作中のtry/captureプロシージャの例を次に示します。

JavaScript If Else

コードを実行する場合は、条件付きステートメントが使用されます特定の基準セットが満たされた場合のみ。たとえば、有効な名前で入力された場合はユーザー名を印刷し、名前が無効な場合はWebブラウザでユーザーにメッセージを返すようにプログラムで設定できます。

if / else ステートメントを使用して、1つのステートメントがtrueの場合は特定のコードを実行し、1つのステートメントがfalseの場合は別のコードブロックを実行できます。 if / else宣言の構文は次のとおりです。

JavaScript文字列を置き換えます

JavaScript <>> replace()コードを使用して、テキスト文字列内の特定の文字(または文字のシーケンス)を置き換えることができます。たとえば、 replace()を使用して、ユーザーがメールを変更した場合に、ユーザーが出現するたびにメールアドレスを文字列に変更できます

<?/div>

JavaScriptで()を置き換えてテキストを置き換えます:

JavaScript onclick

Webページを作成するときに、ユーザーがクリックしたときに何かを実行する要素が必要になる場合があります。たとえば、ユーザーがボタンまたは画像をクリックすると、メッセージを受け取ることができます。クリックすると拡大します。ここでonclick()関数が登場します。

onclick()を使用すると、インタラクティブなWebページを作成して、ユーザーがアイテムをクリックしたときに何かが発生するようにすることができます。 onclick()イベントのガイドを読んで、その仕組みとコードでの使用方法について詳しく学んでください。

JavaScript配列の並べ替え

配列を操作するときに、特別な方法で配列を並べ替えることを決定できます。たとえば、名前のリストをアルファベット順に並べ替えたり、投票のリストを昇順で並べ替えたりできます。

JavaScriptのsort()関数を使用して、特定の配列を整理できます。仕方。学生名の配列をアルファベット順に並べ替えるために使用される()並べ替え関数の例を次に示します。

sort()関数は、ジャンルでカスタム関数を定義する場合、高度な並べ替えを実行するためにも使用できます

JavaScript演算子の三項

JavaScriptの三項演算子はif... else であり、条件が満たされているかどうかを制御し、コードのブロックを実行します。たとえば、ユーザーの年齢が18歳以上で false かどうかを確認し、18歳未満の場合は true を返す場合は、三項演算子を使用できます。

三項演算子は、コンパクトで1行にあるため、単純な if ... elseの代わりによく使用されます。

三項演算子の構文は次のとおりです。 JavaScriptの場合:

JavaScript forEach

JavaScriptでプログラミングする場合、リスト内のすべてのアイテムを反復処理することをお勧めします。たとえば、ユーザーのために印刷するベンダー名のリストがあるとします。 forEach ループを使用して、この関数を作成できます

forEach ループは、配列の各要素に対して1回機能を実行する loopの形式です。 forEach ステートメントの構文は次のとおりです。このステートメントは、企業のリストを繰り返し処理し、それぞれを新しい行に出力します。

JavaScript関数

ほとんどのプログラミング言語の一部である関数、プロセスごとに1回コードを記述し、そのコードをプログラムで複数回使用できるようにします。

たとえば、フォームフィールドが有効かどうかをチェックするコードのブロックがある場合は、次のようにします。これを関数にするので、Webページのフィールドフォームごとにコードのブロックを繰り返す必要はありません。 <

p>JavaScript関数の例を次に示します。

関数自体は何もしませんが、呼び出されると、関数は Googleをコンソールに出力します。関数を呼び出すには、次のコードを使用します。

JavaScriptのいずれか

キーワードJavaScriptletで宣言できます再割り当て可能なブロックフィールドのロケール変数。 var 変数とは異なり、 let 変数は、特定のコードブロック内でのみアクセスできますが、 var変数として再割り当てできます。

letを使用して変数を宣言することはvarと同じように機能します。

JavaScriptのletに関する記事全文を読んで、 var const の違いを学びましょう。 > let と、それらすべてを正しく使用する方法。

JavaScript array Press

配列を操作するときに、この配列に要素を追加できます。ここでpush()JavaScriptが登場します。push()を使用して、配列の最後に要素を追加できます。使用されるpush()メソッドの例を次に示します。

出力:

unshift()を使用して、配列から要素を追加することもできます。 unshift()push()と同じように機能し、同じ引数を受け入れます。

結論

JavaScriptはプログラミングツールです。動的Webページの作成に使用される言語。このガイドでは、初心者が使用する最も一般的なJavaScriptの操作のいくつかについて説明しました。 onClick から文字列の置換、ニーズに合わせたデータの切り取りまで、すべてを網羅しています。

ただし、このマニュアルは初心者向けではありません。 JavaScriptの学習の旅を続けるときは、このガイドに戻って、迷子になった場合に役立つようにする必要があります。この記事は最新の状態に保たれているため、一般的なJavaScript操作について質問がある場合はおそらくここで見つかるでしょう。

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method