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

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

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

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

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']

'abc' の前に '...' を付けたスプレッド構文を使用して出力します

残りのパラメータの公開: 多数からOne

対照的に、rest パラメーター ('...' が前に付く) は、関数の引数リストから複数の要素を取得し、それらを 1 つの配列に結合します。この手法は、未知の数の引数を処理する場合によく使用されます。

function sum(...args) {
  var sum = 0;
  for (var i = 0; i 
ここで、'...args' は、'sum' 関数に渡されるすべての引数のプレースホルダーとして機能し、その後、'args' 配列に格納されます。 
主な違い: Spread と Rest
Spread 構文と REST パラメータはどちらも '...' 演算子を利用しますが、異なる役割を果たします。目的:
Spread 構文は、反復可能を個々の要素に展開します。
Rest パラメーターは、複数の引数を 1 つの配列に折りたたみます。
In本質的に、スプレッド構文は変数をその部分に分割するのに役立ち、残りのパラメーターは複数の変数を 1 つのまとまりに統合します。 ユニット。