一、Array.prototype.concat()

concat要领将建立一个新的数组，然后将调用它的对象（this指向的对象）中的元素以及一切参数中的数组范例的参数中的元素以及非数组范例的参数自身根据递次放入这个新数组,并返回该数组。
concat要领并不修正调用它的对象（this指向的对象）和参数中的各个数组自身的值，而是将他们的每一个元素拷贝一份放在组合成的新数组中。原数组中的元素有两种被拷贝的体式格局：

• 对象援用（非对象直接量）：concat要领会复制对象援用放到组合的新数组里，原数组和新数组中的对象援用都指向同一个现实的对象，所以，当现实的对象被修正时,两个数组也同时会被修正，如：原数组和新数组里都有一个对象obj，假如转变其属性，则原数组与新数组里的obj属性都发生变化。

• 字符串和数字（是原始值，而不是包装原始值的String和Number对象）：concat要领会复制字符串和数字的值放到新数组里。

1. 衔接两个数组

var alpha = ["a", "b", "c"];
var numeric = [1, 2, 3];

// 构成新数组 ["a", "b", "c", 1, 2, 3]; 原数组 alpha 和 numeric 未被修正
var alphaNumeric = alpha.concat(numeric);

2. 衔接三个数组

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

// 构成新数组[1, 2, 3, 4, 5, 6, 7, 8, 9]; 原数组 num1, num2, num3 未被修正
var nums = num1.concat(num2, num3);

3. 将非数组值兼并到数组里

var alpha = ['a', 'b', 'c'];

// 构成新数组 ["a", "b", "c", 1, 2, 3], 原alpha数组未被修正
var alphaNumeric = alpha.concat(1, [2, 3]);

二、Array.prototype.push()

push()要领增加一个或多个元素到数组的末端，并返回数组新的长度（length属性值）。

arr.push(element1, ..., elementN)

1. 增加元素到数组

var sports = ["soccer", "baseball"];
var total = sports.push("football", "swimming");

console.log(sports); // ["soccer", "baseball", "football", "swimming"]
console.log(total);  // 4

2. 兼并两个数组

错误要领

var sports1 = ['soccer', 'baseball'];
var sports2 = ['football', 'swimming'];

var total = sports1.push(sports2);
    
/* or */

var total = Array.prototype.push.call(sports1, sports2);
    
console.log(sports1);    // ['soccter', 'baseball', ['football', 'swimming']]

应该用apply要领，将被push的数组当做参数数组。

var sports1 = ['soccer', 'baseball'];
var sports2 = ['football', 'swimming'];

var total = Array.prototype.push.apply(sports1, sports2);
console.log(sports1);    // ['soccter', 'baseball', 'football', 'swimming']

三、挑选哪一个要领

• Array.prototype.concat()返回一个新数组，不会转变原数组，然则会占用较多内存。

• Array.prototype.push()会转变this数组，返回最新length属性，占用内存较少。

参考：

• Array.prototype.concat() – MDN

• Array.prototype.push() – MDN