JavaScript给数组添加元素的6个方法

目录

• 1. 使用 length 属性追加元素
• 2. 使用 push 方法追加元素
• 3. 使用 unshift 方法在数组的第一项前插入一个元素
• 4. 使用 splice 方法插入一个元素
• 5. 使用 concat 方法合并元素
• 6. 使用 … 扩展运算符合并元素

1. 使用 length 属性追加元素

使用length属性，可以在数组末尾后面添加一个元素

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

2. 使用 push 方法追加元素

push()方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度

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

3. 使用 unshift 方法在数组的第一项前插入一个元素

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

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

4. 使用 splice 方法插入一个元素

splice()方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容

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

5. 使用 concat 方法合并元素

concat()方法用于将一个数组或值合并至一个数组中，该方法不会改变原数组

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

6. 使用 … 扩展运算符合并元素

展开语法...: 可以在数组构造时, 将数组表达式在语法层面展开

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

到此这篇关于JavaScript给数组添加元素的6个方法的文章就介绍到这了,更多相关JavaScript 数组添加元素内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！