Javascriptでの使用
exp |
filter |
find |
iat |
JavaScript |
log |
ones |
repeat |
sin |
split
Michael Zippo
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()メソッド
を使用して、配列を単一の値に減らすことができます。たとえば、クラスの生徒の合計年齢を取得する場合は、次のコードを使用できます。
これらの関数の動作とコードでの使用方法の詳細については、これらの関数の完全ガイドを参照してください。
文字列は、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ブロックがハンドルエラーに使用されます。
try / catchブロックが使用されると、コードが実行され、コードにエラーが見つかった場合はカスタム応答が返されます。動作中のtry/captureプロシージャの例を次に示します。
コードを実行する場合は、条件付きステートメントが使用されます特定の基準セットが満たされた場合のみ。たとえば、有効な名前で入力された場合はユーザー名を印刷し、名前が無効な場合はWebブラウザでユーザーにメッセージを返すようにプログラムで設定できます。
if / else ステートメントを使用して、1つのステートメントがtrueの場合は特定のコードを実行し、1つのステートメントがfalseの場合は別のコードブロックを実行できます。 if / else
宣言の構文は次のとおりです。
JavaScript文字列を置き換えます
JavaScript <>> replace()コードを使用して、テキスト文字列内の特定の文字(または文字のシーケンス)を置き換えることができます。たとえば、 replace()
を使用して、ユーザーがメールを変更した場合に、ユーザーが出現するたびにメールアドレスを文字列に変更できます
<?/div>
JavaScriptで()
を置き換えてテキストを置き換えます:
Webページを作成するときに、ユーザーがクリックしたときに何かを実行する要素が必要になる場合があります。たとえば、ユーザーがボタンまたは画像をクリックすると、メッセージを受け取ることができます。クリックすると拡大します。ここでonclick()関数
が登場します。
onclick()
を使用すると、インタラクティブなWebページを作成して、ユーザーがアイテムをクリックしたときに何かが発生するようにすることができます。 onclick()イベント
のガイドを読んで、その仕組みとコードでの使用方法について詳しく学んでください。
配列を操作するときに、特別な方法で配列を並べ替えることを決定できます。たとえば、名前のリストをアルファベット順に並べ替えたり、投票のリストを昇順で並べ替えたりできます。
JavaScriptのsort()
関数を使用して、特定の配列を整理できます。仕方。学生名の配列をアルファベット順に並べ替えるために使用される()
並べ替え関数の例を次に示します。
sort()
関数は、ジャンルでカスタム関数を定義する場合、高度な並べ替えを実行するためにも使用できます
JavaScript演算子の三項
JavaScriptの三項演算子はif... else
であり、条件が満たされているかどうかを制御し、コードのブロックを実行します。たとえば、ユーザーの年齢が18歳以上で false
かどうかを確認し、18歳未満の場合は true
を返す場合は、三項演算子を使用できます。
三項演算子は、コンパクトで1行にあるため、単純な if ... else
の代わりによく使用されます。
三項演算子の構文は次のとおりです。 JavaScriptの場合:
JavaScriptでプログラミングする場合、リスト内のすべてのアイテムを反復処理することをお勧めします。たとえば、ユーザーのために印刷するベンダー名のリストがあるとします。 forEach
ループを使用して、この関数を作成できます
たとえば、フォームフィールドが有効かどうかをチェックするコードのブロックがある場合は、次のようにします。これを関数にするので、Webページのフィールドフォームごとにコードのブロックを繰り返す必要はありません。 <
p>JavaScript関数の例を次に示します。 JavaScriptはプログラミングツールです。動的Webページの作成に使用される言語。このガイドでは、初心者が使用する最も一般的なJavaScriptの操作のいくつかについて説明しました。 onClick
から文字列の置換、ニーズに合わせたデータの切り取りまで、すべてを網羅しています。
ただし、このマニュアルは初心者向けではありません。 JavaScriptの学習の旅を続けるときは、このガイドに戻って、迷子になった場合に役立つようにする必要があります。この記事は最新の状態に保たれているため、一般的なJavaScript操作について質問がある場合はおそらくここで見つかるでしょう。