js实现增删

实现数组的增删操作

增加元素

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

let fruits = ['apple', 'banana'];
fruits.push('orange'); 
// ['apple', 'banana', 'orange']

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

fruits.unshift('grape');
// ['grape', 'apple', 'banana', 'orange']

删除元素

使用 pop() 方法删除数组最后一个元素：

fruits.pop();
// ['grape', 'apple', 'banana']

使用 shift() 方法删除数组第一个元素：

fruits.shift();
// ['apple', 'banana']

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

fruits.splice(1, 1); // 从索引1开始删除1个元素
// ['apple']

实现对象的增删操作

增加属性

直接赋值添加新属性：

let person = { name: 'John' };
person.age = 30;
// { name: 'John', age: 30 }

使用 Object.assign() 方法：

Object.assign(person, { gender: 'male' });
// { name: 'John', age: 30, gender: 'male' }

删除属性

使用 delete 操作符删除属性：

delete person.age;
// { name: 'John', gender: 'male' }

DOM元素的增删操作

创建和添加元素

创建新元素并添加到DOM：

const newDiv = document.createElement('div');
newDiv.textContent = 'Hello World';
document.body.appendChild(newDiv);

删除元素

使用 remove() 方法：

const element = document.querySelector('div');
element.remove();

使用 removeChild() 方法：

const parent = document.querySelector('body');
const child = document.querySelector('div');
parent.removeChild(child);