Spread-Syntax vs. Rest-Parameter: Was ist der Unterschied?

Spread-Syntax vs. Rest-Parameter: Den Unterschied verstehen

In ES2015 bieten zwei neue Funktionen, Spread-Syntax und Rest-Parameter, leistungsstarke Möglichkeiten dazu Manipulieren von Arrays und Objekten. Obwohl beide ähnlich erscheinen mögen, dienen sie unterschiedlichen Zwecken und jede hat ihre eigene einzigartige Funktionalität.

Spread-Syntax

Spread-Syntax (dargestellt durch drei Punkte „…“ ) ermöglicht es Ihnen, ein Iterable (z. B. ein Array oder ein Objekt) in einzelne Elemente innerhalb eines anderen Iterables zu verteilen oder zu erweitern. Mit dieser Funktion können Sie bequem mehrere Arrays oder Objekte zu einem neuen zusammenführen oder kombinieren.

Betrachten wir zum Beispiel den folgenden Code:

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

In diesem Snippet ist der ... Die Spread-Syntax von abc und ...def erweitert die Arrays abc und def in einzelne Elemente und erstellt ein neues Alpha-Array, das alle Elemente aus beiden Arrays enthält.

Rest-Parameter

Andererseits sammelt ein Rest-Parameter (gekennzeichnet durch drei Punkte „…“ mit vorangestelltem Bezeichner) alle verbleibenden Argumente, die an eine Funktion übergeben werden, in einem einzigen Array. Der Rest-Parameter muss der letzte Parameter in der Parameterliste der Funktion sein.

Ein Beispiel für einen Rest-Parameter in Aktion ist wie folgt:

<code class="js">function sumAll(...numbers) {
  let total = 0;
  for (let num of numbers) {
    total += num;
  }
  return total;
}

let result = sumAll(1, 2, 3, 4, 5);
console.log(result); // result == 15</code>

In diesem Code sind die ...Zahlen Der Rest-Parameter sammelt die verbleibenden Argumente, die an die sumAll-Funktion übergeben werden (in diesem Fall 1, 2, 3, 4 und 5) und erstellt ein einzelnes Zahlenarray.

Das obige ist der detaillierte Inhalt vonSpread-Syntax vs. Rest-Parameter: Was ist der Unterschied?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!