JavaScript数组添加对象：push(), unshift(), splice()与扩展运算符深度解析

本文系统梳理JavaScript中向数组添加对象的四种核心方法。从push()的末尾追加到unshift()的开头插入，从splice()的精确位置控制到扩展运算符的不可变操作，详细分析每种方法在修改原数组、插入位置和性能上的差异。助您在不同开发场景下，选择最合适的数组操作策略，提升代码效率与可维护性。在来此加密可申请多域名SSL证书。前端开发JavaScript。

在JavaScript开发中，向数组添加对象是常见操作。本文将详细介绍四种主流方法：push()、unshift()、splice()和扩展运算符。

核心方法对比

方法	位置	是否修改原数组	适用场景
push()	数组末尾	是	需要追加元素到数组末尾
unshift()	数组开头	是	需要将元素插入数组开头
splice()	指定位置	是	需要在特定位置插入/删除元素
扩展运算符	数组末尾	否	需要创建新数组且不修改原数组

方法实现与示例

push()方法

let userList = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 }
];
let newUser1 = { name: 'Charlie', age: 35 };
userList.push(newUser1);
console.log('push()结果:', userList);

unshift()方法

let newUser2 = { name: 'David', age: 40 };
userList.unshift(newUser2);
console.log('unshift()结果:', userList);

splice()方法

let newUser3 = { name: 'Eve', age: 28 };
userList.splice(2, 0, newUser3); // 在索引2处插入
console.log('splice()结果:', userList);

扩展运算符

let newUser4 = { name: 'Frank', age: 45 };
let updatedList = [...userList, newUser4];
console.log('扩展运算符结果:', updatedList);

方法选择建议

1. 性能考虑：push()/unshift()在大型数组操作时性能优于splice()
2. 不可变性：需要保持原数组不变时，优先使用扩展运算符
3. 位置控制：需要精确控制插入位置时，splice()是唯一选择
4. 链式操作：push()/unshift()支持链式调用（如arr.push(x).push(y)）