javascript - 删除数组的所有元素，删除 : true property-6ren

javascript - 删除数组的所有元素，删除 : true property

转载作者：行者123 更新时间：2023-11-30 11:13:02

各位。我有一组 map 对象。是这样的；

[
    {
        "link": "./1.css",
        "url": "http://opdetect.com/x/1.css",
        "css": "css only gets text",
        "parentCSS": -1,
        "childCSSs": [
            {
                "link": "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css",
                "url": "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css",
                "css": "css only gets text",
                "parentCSS": "http://opdetect.com/x/1.css",
                "childCSSs": [],
                "delete": false
            },
            {
                "link": "http://opdetect.com/x/1-2.css",
                "url": "http://opdetect.com/x/1-2.css",
                "css": "css only gets text",
                "parentCSS": "http://opdetect.com/x/1.css",
                "childCSSs": [
                    {
                        "link": "https://meyerweb.com/eric/tools/css/reset/reset200802.css",
                        "url": "https://meyerweb.com/eric/tools/css/reset/reset200802.css",
                        "css": "css only gets text",
                        "parentCSS": "http://opdetect.com/x/1-2.css",
                        "childCSSs": [],
                        "delete": false
                    },
                    {
                        "link": "http://opdetect.com/x/1-2-2.css",
                        "url": "http://opdetect.com/x/1-2-2.css",
                        "css": "css only gets text",
                        "parentCSS": "http://opdetect.com/x/1-2.css",
                        "childCSSs": [
                            {
                                "link": "http://opdetect.com/x/1-2-2-1.css",
                                "url": "http://opdetect.com/x/1-2-2-1.css",
                                "css": "css only gets text",
                                "parentCSS": "http://opdetect.com/x/1-2-2.css",
                                "childCSSs": [],
                                "delete": false
                            }
                        ],
                        "delete": false
                    }
                ],
                "delete": false
            }
        ],
        "delete": false
    },
    {
        "link": "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css",
        "url": "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css",
        "css": "css only gets text",
        "parentCSS": -1,
        "childCSSs": [],
        "delete": true
    },
    {
        "link": "http://opdetect.com/x/1-2.css",
        "url": "http://opdetect.com/x/1-2.css",
        "css": "css only gets text",
        "parentCSS": -1,
        "childCSSs": [
            {
                "link": "https://meyerweb.com/eric/tools/css/reset/reset200802.css",
              "url":"https://meyerweb.com/eric/tools/css/reset/reset200802.css",
                "css": "css only gets text",
                "parentCSS": "http://opdetect.com/x/1-2.css",
                "childCSSs": [],
                "delete": false
            },
            {
                "link": "http://opdetect.com/x/1-2-2.css",
                "url": "http://opdetect.com/x/1-2-2.css",
                "css": "css only gets text",
                "parentCSS": "http://opdetect.com/x/1-2.css",
                "childCSSs": [
                    {
                        "link": "http://opdetect.com/x/1-2-2-1.css",
                        "url": "http://opdetect.com/x/1-2-2-1.css",
                        "css": "css only gets text",
                        "parentCSS": "http://opdetect.com/x/1-2-2.css",
                        "childCSSs": [],
                        "delete": false
                    }
                ],
                "delete": false
            }
        ],
        "delete": true
    },
    {
        "link": "https://meyerweb.com/eric/tools/css/reset/reset200802.css",
        "url": "https://meyerweb.com/eric/tools/css/reset/reset200802.css",
        "css": "css only gets text",
        "parentCSS": -1,
        "childCSSs": [],
        "delete": true
    },
    {
        "link": "http://opdetect.com/x/1-2-2.css",
        "url": "http://opdetect.com/x/1-2-2.css",
        "css": "css only gets text",
        "parentCSS": -1,
        "childCSSs": [
            {
                "link": "http://opdetect.com/x/1-2-2-1.css",
                "url": "http://opdetect.com/x/1-2-2-1.css",
                "css": "css only gets text",
                "parentCSS": "http://opdetect.com/x/1-2-2.css",
                "childCSSs": [],
                "delete": false
            }
        ],
        "delete": true
    },
    {
        "link": "http://opdetect.com/x/1-2-2-1.css",
        "url": "http://opdetect.com/x/1-2-2-1.css",
        "css": "css only gets text",
        "parentCSS": -1,
        "childCSSs": [],
        "delete": true
    }
]

我想删除所有具有 delete: true 及其 childCSS: [...] 数组对象的元素。我怎样才能做到这一点？我试着这样做；

links.forEach((link, index) => {
    postTraverse(link, links, index);
});

const postTraverse = (obj, links, index) => {
    if(!obj.delete) {
        if(obj.hasOwnProperty('childCSSs')) {
            if(obj.childCSSs.length > 0) {
                obj.childCSSs.forEach((childObj, childIndex) => {
                    return postTraverse(childObj, links, childIndex);
                });
            }
        }
    } else {
        if(obj.hasOwnProperty('childCSSs')) {
            if(obj.parentCSS == -1) {
                links.splice(index, 1);
            } else {
                obj.childCSSs.splice(index, 1);
            }
        } else {
            links.splice(index, 1);
        }
    }
};

这个解决问题的方法，跳过array.splice(index, 1)之后的一些元素，所以数组的长度减1，array.forEach((link, index) => {...}) 这个语句不减。问题就在这里，但如果有更好的方法来解决这个问题，那将非常有帮助!谢谢!

最佳答案

尝试使用 .filter 过滤项目的 childCSSs 属性，如果项目要保留在数组中:

const doFilter = arr => arr.filter((item) => {
  if (item.delete) return false;
  item.childCSSs = doFilter(item.childCSSs);
  return true;
});

const input=[{"link":"./1.css","url":"http://opdetect.com/x/1.css","css":"css only gets text","parentCSS":-1,"childCSSs":[{"link":"https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css","url":"https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css","css":"css only gets text","parentCSS":"http://opdetect.com/x/1.css","childCSSs":[],"delete":!1},{"link":"http://opdetect.com/x/1-2.css","url":"http://opdetect.com/x/1-2.css","css":"css only gets text","parentCSS":"http://opdetect.com/x/1.css","childCSSs":[{"link":"https://meyerweb.com/eric/tools/css/reset/reset200802.css","url":"https://meyerweb.com/eric/tools/css/reset/reset200802.css","css":"css only gets text","parentCSS":"http://opdetect.com/x/1-2.css","childCSSs":[],"delete":!1},{"link":"http://opdetect.com/x/1-2-2.css","url":"http://opdetect.com/x/1-2-2.css","css":"css only gets text","parentCSS":"http://opdetect.com/x/1-2.css","childCSSs":[{"link":"http://opdetect.com/x/1-2-2-1.css","url":"http://opdetect.com/x/1-2-2-1.css","css":"css only gets text","parentCSS":"http://opdetect.com/x/1-2-2.css","childCSSs":[],"delete":!1}],"delete":!1}],"delete":!1}],"delete":!1},{"link":"https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css","url":"https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css","css":"css only gets text","parentCSS":-1,"childCSSs":[],"delete":!0},{"link":"http://opdetect.com/x/1-2.css","url":"http://opdetect.com/x/1-2.css","css":"css only gets text","parentCSS":-1,"childCSSs":[{"link":"https://meyerweb.com/eric/tools/css/reset/reset200802.css","url":"https://meyerweb.com/eric/tools/css/reset/reset200802.css","css":"css only gets text","parentCSS":"http://opdetect.com/x/1-2.css","childCSSs":[],"delete":!1},{"link":"http://opdetect.com/x/1-2-2.css","url":"http://opdetect.com/x/1-2-2.css","css":"css only gets text","parentCSS":"http://opdetect.com/x/1-2.css","childCSSs":[{"link":"http://opdetect.com/x/1-2-2-1.css","url":"http://opdetect.com/x/1-2-2-1.css","css":"css only gets text","parentCSS":"http://opdetect.com/x/1-2-2.css","childCSSs":[],"delete":!1}],"delete":!1}],"delete":!0},{"link":"https://meyerweb.com/eric/tools/css/reset/reset200802.css","url":"https://meyerweb.com/eric/tools/css/reset/reset200802.css","css":"css only gets text","parentCSS":-1,"childCSSs":[],"delete":!0},{"link":"http://opdetect.com/x/1-2-2.css","url":"http://opdetect.com/x/1-2-2.css","css":"css only gets text","parentCSS":-1,"childCSSs":[{"link":"http://opdetect.com/x/1-2-2-1.css","url":"http://opdetect.com/x/1-2-2-1.css","css":"css only gets text","parentCSS":"http://opdetect.com/x/1-2-2.css","childCSSs":[],"delete":!1}],"delete":!0},{"link":"http://opdetect.com/x/1-2-2-1.css","url":"http://opdetect.com/x/1-2-2-1.css","css":"css only gets text","parentCSS":-1,"childCSSs":[],"delete":!0}]

console.log(doFilter(input));

关于javascript - 删除数组的所有元素，删除 : true property，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52887100/

文章推荐： javascript - setState在 react 中使用索引更新数组值

文章推荐： swift - 在 UICollectionView 中的第二个索引项处启动图像数组

文章推荐： java - 使用 JAXB 从 XML 文件读取时如何使用继承

python - 为什么 `(True, True, True) == True, True, True` 在 Python 中不是 True？
这个问题在这里已经有了答案: Why in Python does "0, 0 == (0, 0)" equal "(0, False)"? (7 个回答) 去年关闭。代码片段 1: a = Tru
java - 以下代码打印 "true, true, false, true"。不应该是 "true, true, true, true"吗？
Integer i = 127; Integer j = 127; System.out.println(i == j); System.out.println(i.equals(j)); Integ
python - 谁能解释为什么 True, True == (True, True) 的输出是 (True, False)？
我试图用 Python 进行类似下面的代码的比较，但对产生的输出感到困惑。谁能解释为什么输出是这样的？ >>> True, True == True, True (True, True, True)
jquery - 将 10111(数字)转换为 true,false,true,true,true
我们的下拉值是动态的 010100。你能帮我将这些值转换为 true、false 吗？ Offer的值是10100，Reject的值是10111。所以这些需要转换成 10100 = true,fal
node.js - Protractor :检查链接是否包含特定文本。预期 [ true, true ] 为 [ true, true ]
我正在测试，如果用户在页面顶部显示一种货币“EUR”和另一种货币“GBP”，那么我期望包含文本“EUR”和页面下方还存在另一个包含文本“GBP”的链接。它包含在一个名为 "nav-tabs au-ta
javascript - 为什么 lodash `_.all([true, true, true], true);` 返回 `false` ？
如何检查数组的所有元素是真值还是假值。因为以下内容似乎没有做到这一点:_.all([true, true, true], true); 它返回:false? 最佳答案您应该重新阅读_.every(
C#解析 "(true and true) or (true or false)"
C#:我有一个如下所示的字符串变量: string a = "(true and true) or (true or false)"; 这可以是任何东西，它可以变得更复杂，比如: string b
ruby - 为什么表达式 (true == true == true) 会产生语法错误？
ruby : true == true == true syntax error, unexpected tEQ 对比JavaScript: true == true == true // => tr
javascript - 如果 1= ='1'//true 并且 1==true//true 那么为什么 1= ='true'//false
这个问题已经有答案了: Equality of truthy and falsy values (JavaScript) (3 个回答) Which equals operator (== vs ==
r - 为什么 TRUE == "TRUE"在 R 中是 TRUE？
为什么 R 中的 TRUE == "TRUE" 是 TRUE？ R 中是否有与 === 等效的内容？更新: 这些都返回FALSE: TRUE == "True" TRUE == "true" TRU
sql 查询 - true => true, false => true 或 false
简单的查询，可能不可能，但我知道那里有一些聪明的人:) 给定一个 bool 参数，我希望定义我的 where 子句来限制特定列的输出 - 或不执行任何操作。因此，给定参数@bit = 1，结果将是:
excel - 我应该在公式中使用什么 boolean 值，true， "true"或 true()
编写 Excel 公式时，将值设置为 true、“true”还是 true() 是否有区别？换句话来说，以下哪一个是最好的？还是要看具体情况？ if (A1 = 1, true, false) if
php - 为什么如果我们评估这个 : TRUE AND TRUE ? 'yes' : 'no' 等于 TRUE
如果我们评估这个:TRUE AND TRUE，为什么会这样？ 'yes' : 'no' 等于 TRUE 但不等于 yes 何时评估:(TRUE AND TRUE) ? 'yes' : 'no' 等于
javascript - 为什么 (true && {}) 的计算结果为 {}，而 ({} && true) 的计算结果为 true？
这个问题在这里已经有了答案: Behaviour of and operator in javascript [duplicate] (1 个回答) 关闭 7 年前。如题所说，我不太明白为什么(t
php - 如何编写多个条件为 true 的 php If 语句(Condition#1=true、Condition#2=true、Condition#3=true)
我有一个包含 FromDate 、 ToDate 、 VendorName 和 GoodsName 的表单，一旦一切为真，我需要显示结果示例: FromDate="11/20/2019"、ToDat
java - (true != false != true) 与 (false != true != false) 有何不同？
我最近参加了 Java 的入门测试，这个问题让我很困惑。完整的问题是: boolean b1 = true; boolean b2 = false; if (b2 != b1 != b2) S
Django:具有 blank=True、null=True、unique=True 的模型字段给管理员带来麻烦
我有一个模型，我有: ipv4_address = models.IPAddressField(verbose_name=_('ipv4 address'), blank=True, null=Tru
python - 为什么 `False in pandas.Series([True,True])` 返回 True？
False in [True,True] False in pd.Series([True,True]) 第一行代码返回False第二行代码返回 True! 我想我一定是做错了什么或者遗漏了什么。当我
coq - (true=true) 的所有证明都一样吗？
我可以在 Coq 中证明以下内容吗？ Lemma bool_uip (H1 : true = true): H1 = eq_refl true. 即true = true 的所有证明都相同吗？例如
c++ - for(;true;) 不同于 while(true)？
如果我的理解是正确的，他们做的事情完全一样。为什么有人会使用“for”变体？仅仅是味道吗？编辑:我想我也在考虑 for (;;)。最佳答案 for (;;) 通常用于防止编译器警告: while(

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 删除数组的所有元素，删除 : true property