如何添加新元素到数组中

本文主要是介绍如何添加新元素到数组中，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在JavaScript中，有多种方法可以向数组中添加新元素。以下是一些常用的方法：

使用 push() 方法

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

let array = [1, 2, 3];  
array.push(4); // 添加元素 4 到数组末尾  
console.log(array); // 输出: [1, 2, 3, 4]

使用 unshift() 方法

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

let array = [1, 2, 3];  
array.unshift(0); // 添加元素 0 到数组开头  
console.log(array); // 输出: [0, 1, 2, 3]

使用索引直接赋值

如果你知道要添加元素的具体位置，可以直接使用索引来赋值。但请注意，如果索引大于或等于数组的长度，则会在该索引处添加元素，并且该索引之后的元素都会变为undefined（除非它们已经被定义）。

let array = [1, 2, 3];  
array[3] = 4; // 在索引 3 的位置添加元素 4  
console.log(array); // 输出: [1, 2, 3, 4]

如果索引大于数组当前长度，数组会自动增长以包含该索引。

使用 concat() 方法

concat() 方法用于合并两个或多个数组，但请注意，它不会改变现有数组，而是返回一个新数组。

let array1 = [1, 2, 3];  
let array2 = [4, 5, 6];  
let newArray = array1.concat(array2); // 合并 array1 和 array2  
console.log(newArray); // 输出: [1, 2, 3, 4, 5, 6]  
// 注意：array1 和 array2 没有被改变

使用扩展运算符（Spread Operator）

扩展运算符（...）也可以用来合并数组，并且可以在原地修改数组或创建新数组。

let array1 = [1, 2, 3];  
let newElement = 4;  // 原地修改数组  
array1.push(...[newElement, 5, 6]); // 添加多个元素到数组末尾  
console.log(array1); // 输出: [1, 2, 3, 4, 5, 6]  // 创建新数组  
let array2 = [...array1, 7, 8]; // 合并 array1 和新元素到新数组  
console.log(array2); // 输出: [1, 2, 3, 4, 5, 6, 7, 8]  
// 注意：array1 没有被改变

使用 Array.prototype.fill() 方法（在特定情况下）

虽然 fill() 方法主要用于填充数组中的值，但在某些情况下，你可以通过覆盖数组末尾的 undefined 值来“添加”新元素。但请注意，fill() 方法会修改整个指定范围的数组，而不是仅添加新元素。

let array = [1, 2, 3];  
array.length = 5; // 扩大数组长度，新增位置为 undefined  
array.fill(4, 3, 5); // 从索引 3 开始，到索引 5（不包括）填充值 4  
console.log(array); // 输出: [1, 2, 3, 4, 4]

这种方法并不常用，因为它会改变数组中已经存在的元素，而且索引必须手动管理。通常，push() 或 unshift() 方法是向数组中添加元素的首选方法。

这篇关于如何添加新元素到数组中的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---