How does Destructuring Assignment work in JavaScript?

Destructuring Assignment in JavaScript

On the quest to enhance code readability and conciseness, JavaScript introduced the concept of destructuring assignment with square brackets on the left-hand side of variable assignment (e.g., [ (…) ] = (…)).

In essence, destructuring assignment allows you to simultaneously extract values from an existing object or array into multiple variables. Consider the following example:

var myList = [1, 2, 3];
var a, b, c;

// Destructuring assignment
[a, b, c] = myList;

This code effectively assigns the first element of myList to a, the second element to b, and the third element to c.

Compatibility Considerations

It's important to note that destructuring assignment is supported in modern browsers such as Opera 10.30 and Firefox 3.6.x, but earlier versions and other browsers may not be compatible.

ECMAScript Standard Compliance

Destructuring assignment became a standard feature in JavaScript 1.7 and ECMAScript 6. It is not included in ECMAScript 5. For further details, refer to:

• [What is cross browser support for JavaScript 1.7's new features? Specifically array comprehensions and the "let" statement](https://stackoverflow.com/questions/3889513/)

The above is the detailed content of How does Destructuring Assignment work in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!