**Spread 構文と REST パラメーター: ES2015 の違いは何ですか?**

スプレッド構文と残りのパラメーター: ES2015 での違いを解明する

ES2015 のスプレッド構文と残りのパラメーターの微妙な違いを理解することは、気になることがあります-気が遠くなるような努力。このガイドでは、進化し続ける JavaScript の状況におけるこれらの対照的な役割を詳しく説明します。

スプレッド構文の理解: 1 つから多へ

スプレッド構文 (' で示されます) ...') を使用すると、反復可能 (配列など) を個々の要素に拡張できます。これは単一の変数を操作し、次の小さな部分に分割します。

<code class="js">var abc = ['a', 'b', 'c'];
var def = ['d', 'e', 'f'];
var alpha = [ ...abc, ...def ];
console.log(alpha); // alpha will output ['a', 'b', 'c', 'd', 'e', 'f']</code>

「abc」と「def」の前に「...」を含むスプレッド構文を使用することで、これらの配列を効果的にフラット化しています。単一のマージされた配列。

Rest パラメータの公開: 多から 1 へ

対照的に、Rest パラメータ ('...' が前に付く) は複数のパラメータをキャプチャします。関数の引数リストから要素を取り出し、それらを単一の配列に結合します。この手法は、未知の数の引数を処理したい場合によく使用されます:

<code class="js">function sum(...args) {
  var sum = 0;
  for (var i = 0; i < args.length; i++) {
    sum += args[i];
  }
  return sum;
}

console.log(sum(1, 2, 3, 4, 5)); // sum will output 15</code>

ここで、'...args' は、'sum' 関数に渡されるすべての引数のプレースホルダーとして機能します。その後、'args' 配列に保存されます。

主な違い: スプレッドとレスト

スプレッド構文とレスト パラメーターはどちらも '...' 演算子を使用しますが、これらは別の目的を果たします。

• Spread 構文は、反復可能オブジェクトを個々の要素に展開します。
• Rest パラメーターは、複数の引数を 1 つの配列に折りたたみます。

本質的に、スプレッド構文は変数をその部分に分割するのに役立ちますが、残りのパラメーターは複数の変数を 1 つのまとまった単位に統合します。

以上が**Spread 構文と REST パラメーター: ES2015 の違いは何ですか?**の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。