How should i get array of array in javascript as a single value array?

Question

If a have an array in javascript like:

[[2,3,4],"data","payload",[name1,name2,name3]]

how should I get all the values as a single array like

Result array should be like this :

[2,3,4,"data","payload",name1,name2,name3]

Possible duplicate of [Merge/flatten an array of arrays in JavaScript?](https://stackoverflow.com/questions/10865025/merge-flatten-an-array-of-arrays-in-javascript) — Sumner Evans, Aug 15 '17 at 15:11
No, I don't have these libraries in my code, need something to be done in pure Javascript. — Ayush Rawat, Aug 15 '17 at 15:14

score 5 · Answer 1 · answered Aug 15 '17 at 15:12

You can flatten it with .concat().

var data = [[2,3,4],"data","payload",["name1","name2","name3"]];

console.log([].concat(...data));

Any Array argument passed to .concat() will be flattened into the result.

This also uses the "spread syntax", which is only available in newer engines. Use .apply() for legacy support.

var data = [[2,3,4],"data","payload",["name1","name2","name3"]];

console.log(data.concat.apply([], data));

score 3 · Answer 2 · answered Aug 15 '17 at 15:13

3

Use reduce() for this.

const array = [[2,3,4],"data","payload",["name1","name2","name3"]]


const flattenedArray = array.reduce((a, b) => a.concat(b), [])

console.log(flattenedArray)

MDN reference:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

answered Aug 15 '17 at 15:13

Christopher Messer

2,040
9
13

Thanks, Christopher! Liked your solution. – Ayush Rawat Aug 15 '17 at 15:20

score 2 · Answer 3 · answered Aug 15 '17 at 15:14

2

You can use the concat():

var array = [
  [2, 3, 4],
  "data",
  "payload",
  ['name1', 'name2', 'name3'],
]

var newArr = [].concat.apply([], array);

console.log(newArr);

answered Aug 15 '17 at 15:14

Sumner Evans

8,951
5
30
47

You are awesome Sumner Evans! – Ayush Rawat Aug 15 '17 at 15:19

score 2 · Accepted Answer · answered Aug 15 '17 at 15:14

You could use concat() to concatenate all the items in your main array into one big array, which I understand is what you're after :

var my2dArray = [[2,3,4],"data","payload",[name1,name2,name3]];
var my1dArray = [];


for(var i = 0; i < my2dArray.length; i++)
{
    my1dArray = my1dArray.concat(my2dArray[i]);
}

console.log(my1dArray); // will be [2,3,4,"data","payload",name1,name2,name3]

How should i get array of array in javascript as a single value array?

4 Answers4