使用jQuery将一个JS对象转换为数组

我的应用程序创建了一个JavaScript对象，如下所示:

myObj= {1:[Array-Data], 2:[Array-Data]}

但我需要这个对象作为数组。

array[1]:[Array-Data]
array[2]:[Array-Data]

因此，我尝试通过$迭代将该对象转换为数组。遍历对象并将元素添加到数组:

x=[]
$.each(myObj, function(i,n) {
    x.push(n);});

是否有更好的方法将对象转换为数组或函数?

当前回答

最好的方法是使用javascript独有的函数:

var myArr = Array.prototype.slice.call(myObj, 0);

其他回答

ECMASCRIPT 5：

Object.keys(myObj).map(function(x) { return myObj[x]; })

2015年或ES6:

Object.keys(myObj).map(x => myObj[x])

var myObj = {
    1: [1, 2, 3],
    2: [4, 5, 6]
};

var array = $.map(myObj, function(value, index) {
    return [value];
});


console.log(array);

输出:

[[1, 2, 3], [4, 5, 6]]

现在，有一种简单的方法可以做到这一点:Object.values()。

var myObj = {
    1: [1, 2, 3],
    2: [4, 5, 6]
};

console.log(Object.values(myObj));

输出:

[[1, 2, 3], [4, 5, 6]]

这并不需要jQuery，它已经在ECMAScript 2017中定义了。每个现代浏览器都支持它(忘了IE吧)。

如果你正在寻找一个功能性的方法:

var obj = {1: 11, 2: 22};
var arr = Object.keys(obj).map(function (key) { return obj[key]; });

结果:

[11, 22]

ES6的箭头函数也是如此:

Object.keys(obj).map(key => obj[key])

在ES7中，你将能够使用Object。值代替(更多信息):

var arr = Object.values(obj);

或者如果你已经在使用下划线/虚线:

var arr = _.values(obj)

解决方法很简单

var my_obj = {1:[Array-Data], 2:[Array-Data]}
Object.keys(my_obj).map(function(property_name){ 
    return my_obj[property_name]; 
});

推荐文章