js列表实现增删查改

JavaScript 数组的基本操作

JavaScript 数组（Array）是一种有序的数据结构，可以通过索引访问和操作其中的元素。以下是数组的增删查改基本操作方法。

增加元素

向数组末尾添加一个或多个元素：

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

向数组开头添加一个或多个元素：

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

在指定位置插入元素：

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

删除元素

删除数组末尾的元素：

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

删除数组开头的元素：

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

删除指定位置的元素：

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

查找元素

查找元素是否存在：

let arr = [1, 2, 3];
let hasTwo = arr.includes(2); // true

查找元素索引：

let arr = [1, 2, 3, 2];
let firstIndex = arr.indexOf(2); // 1
let lastIndex = arr.lastIndexOf(2); // 3

条件查找：

let arr = [1, 2, 3, 4];
let found = arr.find(item => item > 2); // 3

修改元素

直接通过索引修改：

let arr = [1, 2, 3];
arr[1] = 20; // [1, 20, 3]

批量修改：

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

数组遍历方法

使用 forEach 遍历：

let arr = [1, 2, 3];
arr.forEach(item => {
  console.log(item);
});

使用 map 生成新数组：

let arr = [1, 2, 3];
let doubled = arr.map(item => item * 2); // [2, 4, 6]

其他实用方法

数组排序：

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

数组反转：

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

数组连接：

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

以上方法涵盖了 JavaScript 数组的基本操作，可以根据实际需求选择合适的方法进行操作。