If you want to declare your variables at the same time, you can add a var, let, or const in front of the assignment: var = array This will just assign variable1 through variableN to the corresponding item in the array. The general form of the syntax is: = array We already saw one example of destructuring assignment on an array above. Track SpiderMonkey’s destructuring (and general ES6) support in bug 694100. SpiderMonkey (Firefox’s JavaScript engine) already has support for most of destructuring, but not quite all of it. With destructuring assignment, the equivalent code becomes more concise and readable: var = someArray Without destructuring assignment, you might access the first three items in an array like this: var first = someArray This syntax can be extremely terse, while still exhibiting more clarity than the traditional property access.

What is destructuring assignment?ĭestructuring assignment allows you to assign the properties of an array or object to variables using syntax that looks similar to array or object literals. ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short.Įditor’s note: An earlier version of today’s post, by Firefox Developer Tools engineer Nick Fitzgerald, originally appeared on Nick’s blog as Destructuring Assignment in ES6.

Ecmascript 6