在javascript的对象数组中,如何通过属性删除指定的对象呢?其中用到的js方法为indexOf(),splice()方法。
indexOf() 方法可返回数组中某个指定的元素位置,如果找到一个 item,则返回 item 的第一次出现的位置。开始位置的索引为 0。
如果在数组中没找到指定元素则返回 -1。
splice() 方法用于添加或删除数组中的元素。注意:这种方法会改变原始数组。
返回值
如果仅删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。
splice(1,1),第一个参数从何处开始删除(从索引0开始),第二个参数是删除的个数。
语法:
array.splice(index,howmany,item1,.....,itemX)
index 必需。规定从何处添加/删除元素。
该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany 可选。规定应该删除多少元素。必须是数字,但可以是 "0"。
如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX 可选。要添加到数组的新元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>在对象数组中,删除指定的数组对象</title>
</head>
<body>
<script>
var a = [{ name: "zain", age: 28 }, { name: "jack", age: 29 }, { name: "sank", age: 30 },{name:"solid",age:31}];
function test() {
a.forEach(element => {
if (element.name == "solid") {
if (a.indexOf(element) > -1) {
var i = a.indexOf(element);
a.splice(i, 1);
}
}
});
}
test();
console.log(a);
</script>
</body>
</html>
网友评论