Destrukturierung von JavaScript-Arrays

• In JavaScript ist die Destrukturierung eine leistungsstarke Funktion, die es uns ermöglicht, Werte aus Arrays oder Objekten schnell in Variablen zu entpacken. Dadurch kann Ihr Code sauberer, lesbarer und einfacher zu warten sein.

->in diesem Beitrag erfahren Sie, wie man Arrays zerstört, einen Wert im Array überspringt und Variablen wechselt

Destrukturierung von Arrays
Wir verwenden Destrukturierung, um Elemente aus dem Array abzurufen und sie in Variablen zu speichern.
Array-Destrukturierungszuweisung = []
Beispiel:

const arr = ['rice', 'pizza', 'chicken'];

// without Destructuring:
const foodOne = arr[0];
const foodTwo = arr[1];
const foodThree = arr[2];
console.log(foodOne, foodTwo, foodThree); // rice pizza chicken

// with Destructuring

const [food1, food2, food3] = arr;

console.log(food1, food2, food3); // rice pizza  chicken

• Wie wir in diesem Beispiel sehen können, hat die Destrukturierung unsere Arbeit viel einfacher gemacht und viel Zeit gespart. Wir verwenden const oder let, um die Destrukturierung zu erstellen, und dann können wir in eckige Klammern [] die Variablennamen für die Werte schreiben, die wir verwenden Sie möchten im Array, aber achten Sie darauf, dass bei der Destrukturierung von Arrays die Reihenfolge der Werte im Array wichtig ist. Die Reihenfolge in der Destrukturierungszuweisung ist die Reihenfolge im Array, also müssen Sie sich dessen bewusst sein.

Hinweis: Durch die Destrukturierung wird das ursprüngliche Array nicht zerstört, wir packen es einfach aus, zur Veranschaulichung:

console.log(arr); // rice pizza chicken

• also haben wir unsere Werte immer noch im ursprünglichen Array.

Einen Wert überspringen:

• Wenn wir einen bestimmten Wert nicht aus einem Array entpacken möchten, lassen Sie zum Überspringen dieses Werts einen leeren Raum (ein „Loch“) in Ihrem Destrukturierungsmuster, damit dieser Wert nicht zerstört wird, zum Beispiel:
• Wenn wir die Pizza aus irgendeinem Grund nicht wollten, dann schreiben Sie es so:

let [food1, , food3] = arr;
console.log(food1, food3); // rice chicken

Variablen schalten:
Wenn wir möchten, dass das erste Lebensmittel Hühnchen statt Reis und das dritte Reis statt Hühnchen ist, können wir ihre Plätze tauschen und ihre Werte werden vertauscht, Beispiel:

[food1, food3] = [food3, food1];
console.log(food1, food3); // chicken rice

Ich hoffe, dies hat Ihnen geholfen, die Destrukturierung von JavaScript-Arrays besser zu verstehen. Fragen können Sie gerne unten in den Kommentaren stellen :)

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