在JavaScript中将数组解压缩为单独的变量

Question

这是一个简单的问题,我以前做过.我只是不记得它是怎么称呼的.

在python我可以这样做:

arr = ['one', 'two']
one, two = arr

我怎么用JavaScript做到这一点？

Answer 1

这是目前唯一的跨浏览器兼容的解决方案AFAIK:

var one = arr[0],
    two = arr[1];

ES6将允许解构分配:

let [x, y] = ['foo', 'bar'];
console.log(x); // 'foo'
console.log(y); // 'bar'

或者,坚持你的初始例子:

var arr = ['one', 'two'];
var [one, two] = arr;

您还可以创建默认值:

const [one = 'one', two = 'two', three = 'three'] = [1, 2];
console.log(one); // 1
console.log(two); // 2
console.log(three); // 'three'

截至今日,解构转让得到了全力支持http://kangax.github.io/compat-table/es6/#test-destructuring (3认同)

Answer 2

这是解构任务.您可以使用以下语法在某些浏览器中执行此操作:

[one, two] = arr;

一些最新的浏览器和转发器(如Babel和Traceur)支持它.这是ECMAScript 4引入的一个功能,后来成为ECMAScript Harmony,最终成为ES 2015.

Answer 3

问题相当陈旧,但我想发布这个替代(2016)解决方案:也可以使用扩展运营商"......".

let xAndY = [42, 1337];
let f = function(x, y) { return x + y; };
f(...xAndY);

Answer 4

如果希望将数组项作为函数参数传递,则可以使用数组的apply函数.

我不确定JavaScript`Array`是否有`.apply()`函数.我想你的意思是'some_function.apply(this,my_array)`.见[回答](http://stackoverflow.com/questions/7077651/python-like-unpacking-in-javascript/7077758#7077758) (4认同)

Answer 5

实施认真的想法.

(function(a, b, c, d) {
    console.log(a, b, c, d);   
}.apply(this, ['a', 'b', 'c', 'd']));