JavaScript中给数组添加元素的方法

1

.push(字符/数字/数组)

将一个或多个元素添加到数组的尾部，并返回该数组的新长度

        var arr = [1, 2, 3];
        arr.push('加油啊', 5, 6, [7, 21, 35]); // 可以是字符、数字、数组
        console.log(arr); //Array(7)   [1, 2, 3,'加油啊', 5, 6, [7, 21, 35]]

2

.unshift(字符/数字/数组)

将一个或多个元素添加到数组的开头，并返回该数组的新长度

        var arr = [1, 2, 3]；
        arr.unshift('加油啊', 5, 6, [7, 21, 35]); // 可以是字符、数字、数组
        console.log(arr);//Array(7)   [1, 2, 3,'加油啊', 5, 6, [7, 21, 35]]

3

.concat(字符/数字/数组)合并数组

用于合并两个或多个数组。此方法不会更改原数组，而是返回一个新数组。

数组会合并，字符和数字在原数组末尾添加

e.g1连接两个数组

        var arr1 = ['a', 'b', 'c'];
        var arr2 = [1, 2, 3];
        console.log(arr1.concat(arr2));//Array(6)  ['a','b','c',1,2,3]

e.g,2连接三个数组

        var hege = ["Cecilie", "Lone"];
        var stale = ["Emil", "Tobias", "Linus"];
        var kai = ["Robin"];
        var children = hege.concat(stale, kai);
        console.log(children);//Array(6) ["Cecilie", "Lone","Emil", "Tobias","Linus","Robin"]

e.g.3连接值和数组

        var arr1 = ['a', 'b', 'c'];
        var arr2 = arr1.concat(1, [2, 3]);
        console.log(arr2);//Array(6)  ['a','b','c',1,2,3]

e.g.4合并嵌套数组

        var arr = [2, 3];
        var arr1 = arr.concat(3, [2, 3], [2, [3, 4]]);
        console.log(arr1);//Array(7) [2,3,3,2,3,2,[3,4]]

4

.splice()添加/删除/替换数组

splice(start,deleteCount,val1,val2,…)：从start位置开始删除deleteCount项，并从该位置起插入val1,val2,…

改变原数组

        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        fruits.splice(2, 0, "Lemon", "Kiwi");// 第一个参数表示从索引号2开始；第二个参数表示删除0个；第三个参数开始为要添加的元素，可以是数组 
        console.log(fruits);//Array(6) ["Banana", "Orange", "Lemon", "Kiwi","Apple", "Mango"]

5

（ES6）...展开运算符 连接两个数组返回新数组

        var a = ['autumn']
		var b = ['wscats']
		var c = [...a, ...b]
		console.log(c)// ["autumn", "wscats"]