js专题-数组增加

1、数组增加

1.1. push方法

push：向数组的末尾添加新的元素（参数可以是多个），返回数组长度，改变原数组。

var arr = [];
var arrLength = arr.push('1');
console.log(arrLength); // 1
arrLength = arr.push('2','3','4');
console.log(arrLength); // 4
console.log(arr); // ['1','2','3','4'] 

1.2. unshift方法

unshift: 向数组的开头添加新的元素（参数可以是多个），返回数组长度，改变原数组。

var arr = [];
var arrLength = arr.unshift('4');
console.log(arrLength); // 1
arrLength = arr.unshift('1','2','3');
console.log(arrLength); // 4
console.log(arr); // ['1','2','3','4'] 

1.3. concat方法

concat：用于连接两个或多个数组（参数可以是多个），返回新数组，不改变原数组。

1.3.1. 没有传递参数的情况下，concat只是复制当前数组并返回副本。

var arr = ['1', '2', '3'];
var newArr = arr.concat();
console.log(arr); // ['1','2','3']
console.log(newArr); // ['1','2','3']
console.log(arr === newArr); // false 

1.3.2. 参数为一或多个数组，则将这些数组中的每一项都添加到副本数组中。

var arr1 = ['1'];
var arr2 = ['2'];
var arr3 = ['3'];
var newArr = arr1.concat(arr2, arr3);
console.log(arr1); // ['1']
console.log(arr2); // ['2']
console.log(arr3); // ['3']
console.log(newArr); // ['1','2','3']

1.3.3. 参数传递的值而不是数组，这些值会被添加到副本数组的末尾。

var arr = ['1'];
var newArr = arr.concat('2', '3');
console.log(arr); // ['1']
console.log(newArr); // ['1','2','3']

1.3.4. 参数可以为值和数组（不建议这样使用）。

var arr = ['1'];
var arr2 = ['3'];
var newArr = arr.concat('2', arr2);
console.log(arr); // ['1']
console.log(arr2); // ['3']
console.log(newArr); // ['1','2','3']