## ES6 のスプレッド構文と残りのパラメーターの違いは何ですか?

ES2015 / ES6 のスプレッド構文と REST パラメーター

JavaScript ES2015 では、混同されやすい 2 つの重要な機能、スプレッド構文と REST が導入されました。パラメータ。どちらも 3 つのドット表記 (...) を使用します。ただし、それらは別の目的を果たします。

Spread 構文

Spread 構文は、反復可能を個々の要素に展開するために使用されます。これは、配列、文​​字列、またはオブジェクトに適用できます。たとえば、次のコードを考えてみましょう。

<code class="javascript">const abc = ['a', 'b', 'c'];
const def = ['d', 'e', 'f'];
const alpha = [...abc, ...def];</code>

この例では、スプレッド構文を使用して、abc 配列と def 配列を新しい alpha 配列に展開します。結果として、alpha には abc と def の両方の要素がすべて含まれます。

Rest Parameter

対照的に、Rest パラメータは関数定義で使用され、関数に渡される残りの引数。これは、3 つのドットの後に変数名が続くことで示されます。例:

<code class="javascript">function sum(...rest) {
  let result = 0;
  rest.forEach(num => result += num);
  return result;
}</code>

sum 関数では、rest パラメータ ...rest は関数に渡されたすべての引数を収集し、rest 配列に格納します。次に、残りを繰り返して要素の合計を蓄積します。

以上が## ES6 のスプレッド構文と残りのパラメーターの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。