JavaScript添加数组元素的六种方法详解

JavaScript添加数组元素的六种方法

JavaScript 操作数组的元素添加，有以下六种方法：

• 1.push() 方法
• 2.unshift() 方法
• 3.splice() 方法
• 4.concat() 方法
• 5.indexOf() 方法
• 6.forEach() 方法

1. push() 方法

push() 方法用于在数组末尾添加元素，返回新数组的长度。

var arr = ['A', 'B', 'C'];
arr.push('D');
console.log(arr);
// 输出：['A', 'B', 'C', 'D']

2. unshift() 方法

unshift() 方法用于在数组开头添加元素，返回新数组的长度。

var arr = ['A', 'B', 'C'];
arr.unshift('D');
console.log(arr);
// 输出：['D', 'A', 'B', 'C']

3. splice() 方法

splice() 方法用于在数组指定位置添加元素，返回被删除元素组成的数组。

var arr = ['A', 'B', 'C'];
arr.splice(1, 0, 'D');
console.log(arr);
// 输出：['A', 'D', 'B', 'C']

4. concat() 方法

concat() 方法用于连接两个或多个数组，返回一个新数组。

var arr1 = ['A', 'B', 'C'];
var arr2 = ['D', 'E', 'F'];
var arr3 = arr1.concat(arr2);
console.log(arr3);
// 输出：['A', 'B', 'C', 'D', 'E', 'F']

5. indexOf() 方法

indexOf() 方法用于在数组中查找元素，返回元素所在位置的索引值。

var arr = ['A', 'B', 'C'];
var index = arr.indexOf('B');
console.log(index);
// 输出：1

6. forEach() 方法

forEach() 方法用于遍历数组，并对数组中的每个元素执行一次提供的函数。

var arr = ['A', 'B', 'C'];
arr.forEach(function(item, index){
    console.log(index + ':' + item);
});
// 输出：0:A 1:B 2:C