Javascript拡張演算子

| | | | | |

avascript伝播演算子は、引数を受け入れる構文で配列を展開します。ブロードキャスト演算子は通常、オブジェクトの複製、テーブルのマージ、またはリストの内容の受け渡しに使用されます。

ブロードキャスト演算子。いいえ、トーストとは何の関係もありません。 JavaScriptでは、ブロードキャスト演算子には特定の意味があります。これは、反復可能なオブジェクトのコンテンツにアクセスする方法です。トーストに拡散を貼り付けるほど楽しいとは思えないかもしれませんが、知っておくと非常に便利なツールです。

このガイドでは、JavaScriptブロードキャスト演算子とその仕組みについて説明します。 。開始するための一般的なユースケースの例をいくつか紹介します。

JavaScript配信演算子とは何ですか?

伝播演算子JavaScriptを使用すると、反復可能なオブジェクトのコンテンツにアクセスできます。 。ブロードキャスト演算子は、3つのドット(楕円)の後にアクセスするイテラブルの名前が続くセットです。この演算子はJavaScriptES6で導入されました。

反復オブジェクトには、配列、リテラルオブジェクト、文字列の3種類があります。ループを使用することで、これらすべてのタイプのデータを反復処理し、それらに対して共通のプロセスを実行できます。

同じプロセスを複数回実行できるため、反復オブジェクトは便利です。文字列を繰り返し処理して、一部の文字を置き換えることができます。配列を反復処理して、配列に格納されているすべての値の合計を作成できます。

ブロードキャスト演算子の構文は次のとおりです。

この構文では、... namesを使用して、「names」リストの内容を「new_names」というリストに渡します。 「new_names」リストには、「names」リストのすべての項目と、新しい名前が含まれています。レスリー

3つブロードキャスト演算子の一般的な使用例は次のとおりです。..

Spread構文は、リストのすべての個々の要素を表します

JavaScriptのSpread演算子:。 。反復可能ファイルのコピーを作成する

ブロードキャスト演算子は反復を複製する効率的な方法ですが、この問題に対処する方法は他にもありますが、ブロードキャスト演算子は非常に使いやすいです。反復可能ファイルのコピーを作成するには、3つのドットと、作成する配列の名前を指定します

最後の例では、配列でどのように機能するかを示し、ブロードキャストの演算子を使用して複製することもできますJavaScriptオブジェクト。

このコードは、JavaScriptコンソール に次のように出力します:

ここに私たちがしなければならない重要な違いがありますこの例では。 JavaScriptオブジェクトのコピーを作成します。これは、角かっこ([])の代わりに中かっこ({})を使用する必要があることを意味します。

次に、単一の配列を指定する代わりに、オブジェクトを指定しました。このオブジェクトには3つのキーと値が含まれており、それぞれが「LemonDrizzle」カップケーキに関連しています。

ブロードキャストオペレーターのユースケースは、反復可能コピーのコピーに限定されません。探索することがもっとあります。拡散演算子は、ある反復可能要素から別の反復可能要素に要素を追加するために一般的に使用されます。次の例を考えてみましょう。

コードは次を返します:

オリジナルの JavaScript配列という名前の「new_couples」。これには、作成した追加の値も含まれています。

同じ構文を使用して2つの反復可能オブジェクトを結合することもできます。必要なのは、ブロードキャスト演算子を使用した角括弧内の2つの反復可能オブジェクト:

コードが返す:

以前と同じ結果が返されますが、今回は2つのネットワークに参加します

JavaScriptスプレッド:.pas関数に引数を歌う

JavaScript関数で複数の引数を渡す場合は、放送事業者。この例を考えてみましょう。

コードが返されます:

PlaceOrder ()という関数を宣言しました。この関数は、3つの引数を取り、それらをコンソールに出力します。各値の前には、各引数の内容を説明するラベルが付いています。

このコードは機能しますが、引数を配列で指定し、ブロードキャスト演算子を使用して関数に渡すことができます。

コードは次を返します:

このコードの出力は同じですが、コードの動作方法が異なります。値を関数に直接渡す代わりに、これらの値をリストで指定します。次に、ブロードキャスト演算子を使用して、これらの値を関数に渡します。