How to perform Array/Object destructuring manually & efficiently?

Asked May 01 '15 at 18:15

Active May 01 '15 at 18:15

Viewed 59 times

var [a, b, c] = [1, 2, 8];

It looks like it was implemented into Javascript 1.7, but then removed with bug 1083498. Now according to this table it's not supported by any browser except Firefox! :(

I wish I could use it because I don't like having to create an extra unnecessary variable.

With destructuring:

var a, b, c;
var input = "1 2 8";
[a, b, c] = arr.split(" ");

Without destructuring:

var a, b, c;
var input = "1 2 8";
var inputArr = input.split(" ");
a = inputArr[0];
b = inputArr[1];
c = inputArr[2];

Is there a way to do this without the need to create the extra unneeded inputArr and draw from it multiple times?

asked May 01 '15 at 18:15

brentonstrine

The code in the second sample is far more readable. – garryp May 01 '15 at 18:21
2

It isn't possible. Check http://stackoverflow.com/questions/3422458/unpacking-array-into-separate-variables-in-javascript – Félix Sanz May 01 '15 at 18:23
`var a=1,b=2,c=8;` is pretty short, fewer chars than destructuring actually... – dandavis May 01 '15 at 18:30
@dandavis how would you do that given `input` which is a space-separated string with three unknown numbers? – brentonstrine May 01 '15 at 18:38
i would just use the array, or make a LUT; no need for lexicals... (i rarely use vars) – dandavis May 01 '15 at 18:38
@FelixSanz, your answer makes me unhappy, but is probably right. It's on the horizon with ECMAScript 6, but it looks like [support is still a long way off](https://kangax.github.io/compat-table/es6/#destructuring). – brentonstrine May 01 '15 at 18:47
@dandavis, I can't make sense of what you're saying. – brentonstrine May 01 '15 at 18:49
1

@brentonstrine You can use Babel (http://babeljs.io/) Or any other ES6 transpiler – Félix Sanz May 02 '15 at 17:18

0 Answers0