web前端 - JavaScript 中删除/过滤数组的方法总结

我们可能总是会遇到根据一个属性或多个属性值从数组或对象数组中删除项目的时候，今天让我们看看根据属性值从数组中删除或过滤项目有哪些不同的方法。

1、POP

“pop() 方法从数组中删除最后一个元素并返回该元素。这个方法改变了数组的长度。” （来源：MDN）

数组：

let arraypoptest = [2, 1, 2, 5, 6, 7, 8, 9, 9, 10];

let testpop = arraypoptest.pop();

console.log(“array pop”, testpop,"-", arraypoptest);

//10 - [2, 1, 2, 5, 6, 7, 8, 9, 9];

对象数组：

let users1 = [

{ id: 1, name: “ted” },

{ id: 2, name: “mike” },

{ id: 3, name: “bob” },

{ id: 4, name: “sara” }

];

let testpop1 = users1.pop();

console.log(

“array of objects pop”,

JSON.stringify(testpop1),"-"

JSON.stringify(users1)

);

//{“id”:4,“name”:“sara”} - [{“id”:1,“name”:“ted”},{“id”:2,“name”:“mike”},{“id”:3,“name”:“bob”}]

2、Shift()

“shift() 方法从数组中移除第一个元素并返回移除的元素。这个方法改变了数组的长度。” （来源：MDN）

数组：

let arrayshifttest = [2, 1, 2, 5, 6, 7, 8, 9, 9, 10];

let testshift = arrayshifttest.shift();

console.log(“array shift”, testshift,"-", arrayshifttest);

//2 - [1, 2, 5, 6, 7, 8, 9, 9, 10]

对象数组：

let users2 = [

{ id: 1, name: “ted” },

{ id: 2, name: “mike” },

{ id: 3, name: “bob” },

{ id: 4, name: “sara” }];

let testshift1 = users2.shift();

console.log(“array of objects shift”, JSON.stringify(testshift1),"-", JSON.stringify(users2));

//{“id”:1,“name”:“ted”} - [{“id”:2,“name”:“mike”},{“id”:3,“name”:“bob”},{“id”:4,“name”:“sara”}]

3、slice

“slice() 方法将数组的一部分的浅拷贝返回到从开始到结束（不包括结束）选择的新数组对象中，其中开始和结束表示该数组中项目的索引。不会修改原始数组。” （来源：MDN）

数组：

let arrayslicetest = [2