Converting a JS object to an array using jQuery

Question

My application creates a JavaScript object, like the following:

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

But I need this object as an array.

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

So I tried to convert this object to an array by iterating with $.each through the object and adding the element to an array:

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

Is there an better way to convert an object to an array or maybe a function?

Answer 1

If you are looking for a functional approach:

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

Results in:

[11, 22] 

The same with an ES6 arrow function:

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

With ES7 you will be able to use Object.values instead (more information):

var arr = Object.values(obj); 

Or if you are already using Underscore/Lo-Dash:

var arr = _.values(obj) 

Answer 2

var myObj = {     1: [1, 2, 3],     2: [4, 5, 6] };  var array = $.map(myObj, function(value, index) {     return [value]; });   console.log(array); 

Output:

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