how to do a “flat push” in javascript?

how to do a “flat push” in javascript?

I want to push all individual elements of a source array onto a target array,
target.push(source);

puts just source’s reference on the target list.
In stead I want to do:
for (i = 0; i < source.length; i++) { target.push(source[i]); } Is there a way in javascript to do this more elegant, without explicitly coding a repetition loop? And while I'm at it, what is the correct term? I don't think that "flat push" is correct. Googling did not yield any results as source and target are both arrays.

Solutions/Answers:

Solution 1:

You could use the concat method:

var num1 = [1, 2, 3];  
var num2 = [4, 5, 6];  
var num3 = [7, 8, 9];  

// creates array [1, 2, 3, 4, 5, 6, 7, 8, 9]; num1, num2, num3 are unchanged  
var nums = num1.concat(num2, num3);

Solution 2:

apply does what you want:

var target = [1,2];
var source = [3,4,5];

target.push.apply(target, source);

alert(target); // 1, 2, 3, 4, 5

MDC – apply

Calls a function with a given this
value and arguments provided as an
array.

Solution 3:

You can simply use spread syntax:

var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];

arr1 = [...arr1, ...arr2];
    // [0, 1, 2, 3, 4, 5]

Alternatively:

var arr1 = ['a', 'b', 'c'];
var arr2 = [1, 2, 3, ...arr1];
        // [1, 2, 3, 'a', 'b', 'c']

Demo:

var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];

arr1 = [...arr1, ...arr2];
console.log(arr1);

References

Related:  How do I escape quotes in HTML attribute values?