Merge multiple arrays to one array in jquery

Question

I am trying to merge my multiple arrays to one array using jquery. I know that we can merge two arrays to one using jquery merge function. And we can loop through those arrays and join them to one too. But I just wanted to know whether there is any other way to achieve this without using any loop. I am handling large number of datas. So I can expect any number of arrays too. I am worrying if we use a loop, it may affect the performance. Please give me some suggestions. Thanks in advance.

Kindest Regards Sibeesh Venu

Solution 1

use .concat

and to apply it for multiple array like below

var multipleArrays = [[1,2], [3,4], [5,6]];

var flatArray = [].concat.apply([], multipleArrays); 
// [1, 2, 3, 4, 5, 6]

// Using the Spread syntax
var flatArray2 = Array.prototype.concat(...multipleArrays);
// [1, 2, 3, 4, 5, 6]

Solution 2

array1.concat(array2) in plain javascript

Solution 3

You can just push all values from one to another

var a = [1,2,3]
var b = [2,3,4,5]
a.push.apply(a, b)
console.log(a);// [1, 2, 3, 2, 3, 4, 5]