js实现添加

添加元素到数组

使用 push() 方法可以在数组末尾添加一个或多个元素。

let arr = [1, 2, 3];
arr.push(4); // [1, 2, 3, 4]

使用 unshift() 方法可以在数组开头添加一个或多个元素。

let arr = [1, 2, 3];
arr.unshift(0); // [0, 1, 2, 3]

插入元素到指定位置

使用 splice() 方法可以在指定索引位置插入元素。

let arr = [1, 2, 4];
arr.splice(2, 0, 3); // [1, 2, 3, 4]

参数依次为：起始索引、删除元素数量、要插入的元素。

合并数组

使用 concat() 方法可以合并多个数组，返回新数组。

let arr1 = [1, 2];
let arr2 = [3, 4];
let merged = arr1.concat(arr2); // [1, 2, 3, 4]

使用扩展运算符 ... 也可以合并数组。

let arr1 = [1, 2];
let arr2 = [3, 4];
let merged = [...arr1, ...arr2]; // [1, 2, 3, 4]

添加属性到对象

直接通过赋值可以添加新属性。

let obj = { a: 1 };
obj.b = 2; // { a: 1, b: 2 }

使用 Object.assign() 合并对象属性。

let obj = { a: 1 };
Object.assign(obj, { b: 2 }); // { a: 1, b: 2 }

添加元素到 DOM

使用 appendChild() 方法将节点添加到父元素的子节点末尾。

let parent = document.getElementById('parent');
let child = document.createElement('div');
parent.appendChild(child);

使用 insertBefore() 方法在指定子节点前插入新节点。

let parent = document.getElementById('parent');
let child = document.createElement('div');
let referenceNode = parent.firstChild;
parent.insertBefore(child, referenceNode);