JavaScript 将对象添加到数组的程序
要理解这个示例，你应该具备以下 JavaScript 编程 主题的知识：
示例 1：使用 push() 向数组追加对象
// 程序向数组中追加一个对象
function insertObject(arr, obj) {
// 追加对象
arr.push(obj);
console.log(arr);
}
// 原始数组
let array = [1, 2, 3];
// 要添加的对象
let object = { x: 12, y: 8 };
// 调用函数
insertObject(array, object);
输出
[1, 2, 3, { x: 12, y: 8 }];
在上述程序中，使用了 push() 方法向数组中添加一个对象。
push() 方法将一个项添加到数组的末尾。
示例 2：使用 splice() 向数组追加对象
// 程序向数组中追加一个对象
function insertObject(arr, obj) {
// 找到最后一个索引
let index = arr.length;
// 在数组末尾追加对象
arr.splice(index, 0, object);
console.log(arr);
}
// 原始数组
let array = [1, 2, 3];
// 要添加的对象
let object = { x: 12, y: 8 };
// 调用函数
insertObject(array, object);
输出
[1, 2, 3, { x: 12, y: 8 }];
在上述程序中，使用了 splice() 方法向数组中添加一个对象。
splice() 方法用于添加和/或移除数组中的项。
在 splice() 方法中，
- 第一个参数表示你想要插入项的索引。
- 第二个参数表示要移除的项数 （此处为 0）。
- 第三个参数表示你想要添加到数组中的元素。
示例 3：使用扩展运算符追加对象
// 程序向数组中追加一个对象
function insertObject(arr, obj) {
// 追加对象
arr = [...arr, object];
console.log(arr);
}
// 原始数组
let array = [1, 2, 3];
// 要添加的对象
let object = { x: 12, y: 8 };
// 调用函数
insertObject(array, object);
输出
[1, 2, 3, { x: 12, y: 8 }];
在上述程序中，使用了扩展运算符 ... 向数组中添加一个对象。
扩展语法允许你复制数组中的所有元素。然后，对象被添加到数组的末尾。