JavaScript 数组是一种常用的数据结构，它允许存储多个值，并且可以通过索引访问这些值。在实际的开发中，我们通常需要将对象存储在数组中。本文将介绍如何向 JavaScript 数组中添加对象。
向数组末尾添加对象
向数组末尾添加对象是最常见的操作之一，使用 push() 方法可以轻松地实现。该方法将一个或多个元素添加到数组末尾，并返回添加后的新长度。示例代码如下：
const fruits = ['apple', 'banana'];
fruits.push({ name: 'orange', color: 'orange' });
console.log(fruits); // ["apple", "banana", { name: 'orange', color: 'orange' }]上述代码首先创建了一个包含两个字符串元素的数组 fruits，然后将一个对象 { name: 'orange', color: 'orange' } 添加到数组末尾。最后打印输出数组 fruits，可以看到对象成功添加到了数组末尾。
向数组开头添加对象
如果想要向数组开头添加对象，则可以使用 unshift() 方法。该方法将一个或多个元素添加到数组开头，并返回添加后的新长度。示例代码如下：
const fruits = ['apple', 'banana'];
fruits.unshift({ name: 'orange', color: 'orange' });
console.log(fruits); // [{ name: 'orange', color: 'orange' }, "apple", "banana"]上述代码首先创建了一个包含两个字符串元素的数组 fruits，然后将一个对象 { name: 'orange', color: 'orange' } 添加到数组开头。最后打印输出数组 fruits，可以看到对象成功添加到了数组开头。
向数组指定位置添加对象
如果想要向数组中的指定位置添加对象，则可以使用 splice() 方法。该方法可以在指定位置插入一个或多个元素，并返回被删除的元素（如果有）。示例代码如下：
const fruits = ['apple', 'banana'];
fruits.splice(1, 0, { name: 'orange', color: 'orange' });
console.log(fruits); // ["apple", { name: 'orange', color: 'orange' }, "banana"]上述代码首先创建了一个包含两个字符串元素的数组 fruits，然后使用 splice() 方法在索引为 1 的位置插入了一个对象 { name: 'orange', color: 'orange' }。最后打印输出数组 fruits，可以看到对象成功添加到了指定位置。
总结
向 JavaScript 数组中添加对象是一个基础且常见的操作，本文介绍了三种不同的方式：向数组末尾添加对象、向数组开头添加对象、向数组指定位置添加对象。这些方法能够满足大部分场景的需求，读者可以根据实际情况选择适合自己的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9022
