Spread-Syntax

In JavaScript ist die Spread-Syntax eine Möglichkeit, einen indizierten oder iterierbaren Datentyp in einen iterierbaren Datentyp zu erweitern, insbesondere ein Array oder Objekt.

Während die Rest-Syntax eine ähnliche Struktur zur Verbreitung verwendet, ermöglichen Rest-Parameter die Übergabe einer unbekannten Anzahl von Argumenten an eine Funktion. Die Spread-Syntax kehrt diesen Prozess um, sodass eine einzelne Sammlung in ihre Bestandteile zerlegt wird.

Dies ist besonders nützlich, wenn die Elemente eines Objekts oder Arrays auf ein neues Objekt oder Array übertragen werden müssen. Darüber hinaus kann in den Argumenten einer Funktion der Spread-Operator verwendet werden, um einzelne Elemente an die Parameter der Funktion zu übergeben.

Nehmen wir zum Beispiel an, wir haben eine Reihe von Buchstaben:

const letters = ['c', 'a', 't']

Und nehmen wir an, wir haben eine Funktion, die drei Elemente nimmt und etwas mit ihnen macht:

let spell = (x, y, z) => {
  return y + x + z;
}

Wenn wir die einzelnen Elemente aus unserem Buchstaben-Array übergeben möchten, können wir beim Aufruf der Funktion den Spread-Operator verwenden, der die Array-Elemente automatisch in die Argumentliste verteilt:

console.log(spell(...letters));
// => logs "act"

Wie bereits erwähnt, können wir iterierbare Elemente auch aus einem Array (oder String) kopieren.

const moreLetters = [...letters];
console.log(moreLetters);
// => logs ['c', 'a', 't']

Dies kann uns auch ermöglichen, Arrays einfacher zu kombinieren oder zu verketten:

const evenMoreLetters = [...letters, ...moreLetters];
console.log(evenMoreLetters);
// => logs ['c', 'a', 't', 'c', 'a', 't']

Das Array kann auch in ein Objekt verteilt werden, wobei das Array-Element der Wert und die Indexnummer der Schlüssel ist:

const objLetters = {...letters}
console.log(objLetters);
// => logs { 0: "c", 1: "a", 2: "t" }

Objekte können auch mit der Spread-Syntax zusammengeführt werden:

const objUno = {
  'one': 1
}

const objDeux = {
  'two': 2
}

const objDrei = {...objUno, ...objDeux};

console.log(objDrei);
// => logs { one: 1, two: 2 }

Obwohl dies nur an der Oberfläche kratzt, zeigt dies die syntaktische Leistungsfähigkeit des Spread-Operators bei der Rationalisierung von Aufgaben wie dem Kopieren und Kombinieren iterierbarer Datentypen sowie der Übergabe mehrerer Argumente an eine Funktion. Wie immer gilt: Je weniger Code wir schreiben müssen, desto einfacher wird unser Leben als Entwickler.

Zitate: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

Das obige ist der detaillierte Inhalt vonSpread-Syntax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!