js增删改查怎么实现的

JavaScript 增删改查实现方法

数组操作

增（添加元素） 使用 push() 方法在数组末尾添加元素：

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

使用 unshift() 方法在数组开头添加元素：

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

删（删除元素） 使用 pop() 方法删除数组末尾元素：

arr.pop(); // [0, 1, 2, 3]

使用 shift() 方法删除数组开头元素：

arr.shift(); // [1, 2, 3]

使用 splice() 方法删除指定位置元素：

arr.splice(1, 1); // 从索引1开始删除1个元素 → [1, 3]

改（修改元素） 直接通过索引赋值：

arr[0] = 10; // [10, 3]

使用 splice() 替换元素：

arr.splice(1, 1, 20); // 将索引1的元素替换为20 → [10, 20]

查（查找元素） 使用 indexOf() 查找元素索引：

let index = arr.indexOf(20); // 1

使用 includes() 检查元素是否存在：

let exists = arr.includes(20); // true

对象操作

增（添加属性） 直接赋值添加新属性：

let obj = { name: 'Alice' };
obj.age = 25; // { name: 'Alice', age: 25 }

删（删除属性） 使用 delete 操作符：

delete obj.age; // { name: 'Alice' }

改（修改属性） 直接通过属性名赋值：

obj.name = 'Bob'; // { name: 'Bob' }

查（访问属性） 使用点表示法或方括号表示法：

let name = obj.name; // 'Bob'
let name2 = obj['name']; // 'Bob'

DOM 元素操作

增（创建元素） 使用 createElement 和 appendChild：

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

删（移除元素） 使用 removeChild 或 remove：

document.body.removeChild(div);
// 或
div.remove();

改（修改元素） 修改元素属性和内容：

div.textContent = 'Updated Content';
div.setAttribute('class', 'new-class');

查（查询元素） 使用选择器方法：

let element = document.querySelector('.new-class');
let elements = document.querySelectorAll('div');

本地存储操作

增（存储数据） 使用 localStorage.setItem：

localStorage.setItem('key', 'value');

删（移除数据） 使用 localStorage.removeItem：

localStorage.removeItem('key');

改（更新数据） 重新设置相同键的值：

localStorage.setItem('key', 'new-value');

查（获取数据） 使用 localStorage.getItem：

let value = localStorage.getItem('key');