今天看啥  ›  专栏  ›  itming

js对象数组中,通过属性删除指定的对象

itming  · 简书  ·  · 2019-10-21 17:07

在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>



原文地址:访问原文地址
快照地址: 访问文章快照