JS实现数组的增删改查操作示例

下面我来为您讲解一下JS实现数组的增删改查操作的完整攻略。

1. 增加操作

对于增加数组元素的操作，可以使用push()方法或者splice()方法。

push()方法

push()方法可以向数组末尾追加一个或多个元素，示例代码如下：

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

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

splice()方法

splice()方法可以在数组中任意位置插入一个或多个元素，示例代码如下：

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

arr.splice(2, 1, 5, 6);
console.log(arr); // [1, 4, 5, 6, 3]

2. 删除操作

对于删除数组元素的操作，可以使用pop()方法、shift()方法或者splice()方法。

pop()方法

pop()方法可以删除数组的最后一个元素，并返回该元素的值，示例代码如下：

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

shift()方法

shift()方法可以删除数组的第一个元素，并返回该元素的值，示例代码如下：

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

splice()方法

splice()方法可以在数组中任意位置删除一个或多个元素，示例代码如下：

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

arr.splice(0, 2);
console.log(arr); // []

3. 修改操作

对于修改数组元素的操作，可以直接通过索引修改数组元素值，示例代码如下：

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

4. 查询操作

对于查询数组元素的操作，可以直接通过索引获取数组元素的值，或者使用indexOf()方法、find()方法或者filter()方法进行查询。

索引查询

直接通过索引获取数组元素的值，示例代码如下：

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

indexOf()方法

indexOf()方法可以查找数组中某个元素的位置，并返回该元素的索引值，如果不存在则返回-1。示例代码如下：

let arr = [1, 2, 3, 4, 5];
console.log(arr.indexOf(3)); // 2
console.log(arr.indexOf(6)); // -1

find()方法

find()方法可以在数组中查找满足条件的第一个元素，并返回该元素。示例代码如下：

let arr = [{name: '张三', age: 20}, {name: '李四', age: 25}, {name: '王五', age: 30}];
let result = arr.find(item => item.name === '张三');
console.log(result); // {name: "张三", age: 20}

filter()方法

filter()方法可以在数组中查找满足条件的所有元素，并返回这些元素组成的新数组。示例代码如下：

let arr = [{name: '张三', age: 20}, {name: '李四', age: 25}, {name: '王五', age: 30}];
let result = arr.filter(item => item.age > 25);
console.log(result); // [{name: "王五", age: 30}]

以上就是JS实现数组的增删改查操作的完整攻略，希望可以帮到您。