ES6 Destructuring
The older method of accessing and assigning values from an array was indexing:
const myArray = ['car', 'jet', 'spaceship'];
const landVehicle = myArray[0];
const airVehicle = myArray[1];
const spaceVehicle = myArray[2];
However, ES6 has introduced a new method called destructuring, which enables us to access and assign values from an array easily:
const [ landVehicle, airVehicle, spaceVehicle ] = myArray;
console.log (landVehicle);
The above method is much neater and requires less code.
We can also skip the elements we don't want to capture, for example, we can skip airVehicle
but add an extra comma:
const [ landVehicle, , spaceVehicle ] = myArray;
Note
The
const
keyword is for defining constant terms, you can also use thelet
keyword in the Destructuring statement.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Spørg mig spørgsmål om dette emne
Opsummér dette kapitel
Vis virkelige eksempler
Awesome!
Completion rate improved to 2.7
ES6 Destructuring
Stryg for at vise menuen
The older method of accessing and assigning values from an array was indexing:
const myArray = ['car', 'jet', 'spaceship'];
const landVehicle = myArray[0];
const airVehicle = myArray[1];
const spaceVehicle = myArray[2];
However, ES6 has introduced a new method called destructuring, which enables us to access and assign values from an array easily:
const [ landVehicle, airVehicle, spaceVehicle ] = myArray;
console.log (landVehicle);
The above method is much neater and requires less code.
We can also skip the elements we don't want to capture, for example, we can skip airVehicle
but add an extra comma:
const [ landVehicle, , spaceVehicle ] = myArray;
Note
The
const
keyword is for defining constant terms, you can also use thelet
keyword in the Destructuring statement.
Tak for dine kommentarer!