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");
