如何过滤数组对象和子节点对象中某一属性不符合条件的

tableData:[],//过滤后的数据

datalist:[//过滤前的数据

{name:‘chen‘,age:‘18‘,address:‘1‘,id:‘1‘,delete:false, edit:false,child:[{name:‘chen1‘,delete:false,address:‘12‘,age:‘18‘,child:[]}]},

{name:‘chen‘,age:‘18‘,address:‘2‘,id:‘2‘,delete:false, edit:false,child:[{name:‘chen‘,delete:false,age:‘18‘,address:‘12‘,child:[]}]}],

filterDeletedRow (data=this.datalist, root=true, currentNode) {

if(!root){

currentNode.child = []

}else{

this.tableData = []

}

let children

data.forEach(data => {

if(!data.delete){

children = root ? this.tableData : currentNode.child

children.push(data)

this.filterDeletedRow(data.child,false,data)

}

});

console.log(this.tableData)

},

原文地址:https://www.cnblogs.com/cs122/p/9824769.html

时间: 2024-12-04 23:57:13

如何过滤数组对象和子节点对象中某一属性不符合条件的的相关文章

WPF利用VisualTreeHelper遍历寻找对象的子级对象或者父级对象

简介 本文将完整叙述我利用VisualTreeHelper实现题述功能的全部过程,想直接看函数实现的朋友可以跳到函数实现部分. 或者直接在GitHub上下载源码. 在WPF中我们经常会遇到这种情况:当我们尝试着去寻找窗体或者页面中某个控件的子控件或者父控件的时候,我们只能寻找到它的第一级的逻辑子级对象或者父级对象.当我们想更深入的时候,就没有办法了. 甚至在我们自定义的DataTemplate中的控件,我们都没办法对其访问.比如在ListView中自定义的控件,我们就没办法获取指定位置的控件了.

removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title></head> <body><div id="content"> <h1>html</h1>

JQuery this和$(this)的区别及获取$(this)子元素对象的方法

1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的  $()  这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象.那么,当你在网页中alert($('#id'));时,会弹出一个[object Object ],这个object对象,也就是jquery对象了. 那么,我们

轻松学习JavaScript二十一:DOM编程学习之获取元素节点的子节点和属性节点

我们这里所说的获取元素节点的所有子节点包含元素子节点和文本节点两种.还是拿上一篇博文的代码实例进行 分析: <span style="font-size:18px;"><span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1

js遍历 子节点 子元素

Js 节点 子元素 属性 方法 // 添加子节点前 删除所有子节点 var usernameEle = document.getElementById("username"); var childs = usernameEle.childNodes; for(var i = childs.length - 1; i >= 0; i--) { usernameEle.removeChild(childs[i]); } var username = document.createTe

jsp九大内置对象el11内置对象

虽然现在基本上使用SpringMVC+AJAX进行开发了Java Web了,但是还是很有必要了解一下JSP的九大内置对象的.像request.response.session这些对象,即便使用其他框架也是会经常用到的.因此十分有了解的必要. 这些对象可以在JSP页面中调用,而不需要事先定义,这使得JSP编程更加的方便和快捷.其实这些内置对象都对应着某个Servlet类,在JSP被翻译成Servlet之后,这些内置对象会相应转换成对应的类实例. JSP中使用到的内置对象主要有如下九个: 1 2 3

数组对象元素的添加,String对象,BOM对象以及文档对象的获取

数组对象的删除有三种方法: pop();        //移除最后一个元素并返回该元素值shift();      //移除最前一个元素并返回该元素值,数组中元素自动前移splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素通过这三种方法我们可以将数组中的元素按进行删除 var del = ["aa",23,345,56,34,"bb"]; var del_last = del.pop()

解析DOM节点对象的属性

1.文档对象模型(DOM) 定义:允许程序和脚本访问.更改文档内容.样式和结构.它是平台无关的,意味着可以在任何计算机上使用它.它是语言无关的,以为着它能够交换客户机和服务器之间的信息,而不管任意一边使用什么语言. 2.DOM节点 DOM把HTML(或XML)文档视为一颗或者一组数(是指结构类似),也就是有一个顶层和多个构成子层的分支,并且每个子层又有分支和更多子层,顶层是文档(document),而文档的根元素是<html>. 3.节点对象属性 DOM节点对象的属性 属性 方法 childN

Unit02: 读取和修改节点对象属性

[修改元素的内容和属性] 1.元素的内容 - innerHTML:获取 / 设置 元素开始标签和结束标签里的html内容: 使用固定套路: 1.删除父元素下所有子元素:parent.innerHTML=""; 1.替换父元素下所有子元素:parent.innerHTML="内容"; - innerText/textContent; 获取开始标签和结束标签里的文本内容:不包含元素: IE8          DOM标准 - nodeValue:文本节点的内容: //*