Was ist das Ergebnis des folgenden Code-Snippets? `const [a, , b] = [1, 2, 3]; console.log(a, b);`

const [a, , b] = [1, 2, 3]; 
console.log(a, b);

2, 3

1, 3

undefined, undefined

Quiz Starten - "ES6 Grundlagen"

Verständnis der Array-Destrukturierung in JavaScript

In der Quiz-Frage wird ein Konzept namens Array-Destrukturierung in JavaScript verwendet. Das ist ein nützliches Feature, mit dem Sie Variablen ziemlich einfach aus Arrays extrahieren können.

Im gegebenen Code-Snippet sieht die Destrukturierungsaufgabe folgendermaßen aus: const [a, , b] = [1, 2, 3];. Hier weisen wir die Elemente des Arrays [1, 2, 3] unseren Variablen a und b zu. Interessanterweise lassen wir im Destrukturierungsprozess das zweite Element des Arrays absichtlich aus.

Daher lautet die korrekte Antwort "1, 3", weil a die erste Position (den Wert 1) und b die dritte Position (den Wert 3) des Arrays übernimmt. console.log(a, b) gibt also "1, 3" aus.

Es folgt eine erweiterte Anwendung.

const numbers = [1, 2, 3, 4, 5];
const [firstNumber, , thirdNumber] = numbers;
console.log(firstNumber, thirdNumber); // gibt 1, 3 aus

In diesem Beispiel überspringen wir erneut das Element an der zweiten Position des Arrays und die Ausgabe ist erneut "1, 3".

Array-Destrukturierung ist eine leistungsfähige Technik in JavaScript, die den Code sauberer und einfacher zu lesen macht. Es ist jedoch wichtig zu beachten, dass wenn Sie ein Array-Element überspringen, wie im vorliegenden Fall, das Element an dieser Position im Array nicht verwendet oder referenziert wird. Falls Sie beabsichtigen, alle Elemente eines Arrays zu verwenden oder zu referenzieren, ist es am besten, keine Elemente zu überspringen.

Verständnis der Array-Destrukturierung in JavaScript

Related Questions