JSArrayAdd——JavaScript数组添加元素的多种方法(JSJS数组添加元素的三种方法)

一、直接添加元素

let arr = [1, 2, 3, 4, 5];
arr.push(6);
console.log(arr); //[1, 2, 3, 4, 5, 6]

这种方法直接在数组末尾添加元素，可以使用push()方法和ES6的展开运算符。

二、使用concat()方法连接多个数组

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];
let arr = arr1.concat(arr2, arr3);
console.log(arr); //[1, 2, 3, 4, 5, 6, 7, 8, 9]

这种方法在数组末尾添加多个元素，将多个数组通过concat()方法连接成一个数组。

三、使用splice()方法插入元素

let arr = [1, 2, 3, 4, 5];
arr.splice(2, 0, 6);
console.log(arr); //[1, 2, 6, 3, 4, 5]

这种方法可以在数组中插入元素，第一个参数指定插入位置，第二个参数指定删除元素的个数，第三个参数指定插入的元素。

四、使用unshift()方法在数组头部添加元素

let arr = [1, 2, 3, 4, 5];
arr.unshift(0);
console.log(arr); //[0, 1, 2, 3, 4, 5]

这种方法可以在数组头部添加元素，使用了unshift()方法。

五、使用concat()方法和展开运算符快速添加元素

let arr = [1, 2, 3];
arr = [...arr, 4, 5, 6];
console.log(arr); //[1, 2, 3, 4, 5, 6]

这种方法结合了concat()方法和ES6的展开运算符，可以快速添加多个元素。

六、使用Array.from()方法添加元素

let arr = [1, 2, 3];
arr = Array.from(arr, x => x + 1);
console.log(arr); //[2, 3, 4]

这种方法使用了Array.from()方法，第一个参数是数组，第二个参数是一个转换函数，将原数组中的元素进行转换并添加到新数组中。

七、通过解构赋值添加元素

let arr = [1, 2, 3];
[arr[1], arr[2]] = [arr[2], arr[1]];
console.log(arr); //[1, 3, 2]

这种方法使用了解构赋值，通过交换元素位置的方式来添加元素。

八、使用Array.prototype.fill()方法添加元素

let arr = [1, 2, 3];
arr.fill(4, 1, 2);
console.log(arr); //[1, 4, 3]

这种方法使用了Array.prototype.fill()方法，在指定的位置插入指定的元素。

总结

本文介绍了JavaScript数组添加元素的多种方法，包括直接添加元素、使用concat()方法连接多个数组、使用splice()方法插入元素、使用unshift()方法在数组头部添加元素、使用concat()方法和展开运算符快速添加元素、使用Array.from()方法添加元素、通过解构赋值添加元素，以及使用Array.prototype.fill()方法添加元素。根据实际需求选择相应的方法，提高开发效率。