js增删改查怎么实现的

JavaScript 增删改查的实现方法

增加数据

使用数组的 push() 或对象属性赋值来新增数据。

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

// 对象新增
let obj = { name: "Alice" };
obj.age = 25; // { name: "Alice", age: 25 }

删除数据

使用数组的 splice() 或对象的 delete 操作符。

// 数组删除
let arr = [1, 2, 3, 4];
arr.splice(1, 1); // 删除索引1的元素 [1, 3, 4]

// 对象删除
let obj = { name: "Alice", age: 25 };
delete obj.age; // { name: "Alice" }

修改数据

直接通过索引或属性名重新赋值。

// 数组修改
let arr = [1, 2, 3];
arr[1] = 99; // [1, 99, 3]

// 对象修改
let obj = { name: "Alice" };
obj.name = "Bob"; // { name: "Bob" }

查询数据

通过索引或属性名访问数据。

// 数组查询
let arr = [1, 2, 3];
console.log(arr[1]); // 2

// 对象查询
let obj = { name: "Alice" };
console.log(obj.name); // "Alice"

DOM 元素的增删改查

增加元素

使用 createElement 和 appendChild。

let newElement = document.createElement("div");
newElement.textContent = "New Element";
document.body.appendChild(newElement);

删除元素

使用 removeChild 或 remove。

let element = document.getElementById("target");
element.parentNode.removeChild(element);
// 或直接
element.remove();

修改元素

通过属性或内容修改。

let element = document.getElementById("target");
element.textContent = "Updated Content";
element.style.color = "red";

查询元素

使用 getElementById、querySelector 等方法。

let elementById = document.getElementById("id");
let elementByClass = document.querySelector(".class");