项目场景：

js树形数据结构的搜索

描述：

根据搜索条件筛选树形数据

树形数据：

var tree = [{id: '01',text: '广东省',children: [{id: '011',text: '广州市',children: [{id: '0111',text: '西城区',children: [],}, {id: 0112,text: '东城区',children: [],},],}],}]

搜索功能 - -（将符合条件的数据进行检索其余的删除）

deepTree(tree,val) {return tree.map(x => {if(x && x.children ) {x.children = this.deepTree(x.children,val )}return x//无检索值val时筛选children .length > 0，有筛选值时 item .Name.indexOf(val) > -1}).filter(item => val== '' || item .Name.indexOf(val) > -1 || item .children .length > 0)},

js遍历树形结构并返回所有的子节点id值

 /***tree: 树形数据*arr: 获取id=[]*/deepTree(tree, arr) {//1.tree.map((x) => {arr.push(x.key);if (x && x.children) {this.deepTree(x.children, arr);}return x;});return arr//2.//   for (let item of tree) {//     arr.push(item.key)//     if (item.children && item.children.length) this.deepTree(item.children, arr)// }// return arr}

js树形数据结构的搜索功能或获取id相关推荐

每次打开百度太麻烦？用程序直接打开网页 Python实现百度划词搜索功能（获取剪切板数据）
浏览顺序实现划词功能运行错误解决问题转载声明实现划词功能说是划词翻译,实际上我们是通过获取用户的剪切板内容,通过一系列的操作得到的.首先呢,我们就先实现如何获取剪切板内容的程序首先先在桌 ...
JS实现页面检索(搜索)功能，类似浏览器搜索
转载网上例子(原地址忘记保存) 查询出后,高亮显示 js代码请自行修改,由于页面只存在两个搜索框,所以js直接获取了Input标签 <!DOCTYPE HTML> <html> ...
uni-app搜索功能
搜索功能实现获取输入搜索框的关键词 inputchange函数的参数e就是输入的文字,自定义变量keword将他取回来 <view>{{keyword}}</view> da ...
如何优化帮助中心、知识库中的搜索功能？
知识发现是知识库平台的重要组成部分.为了便于在知识库中找到正确的内容,需要一个强大的搜索引擎.更重要的是,搜索引擎应该快速索引任何新发表的文章并使其可供搜索. 搜索的重要性搜索引擎为知识库读者提供更 ...
PHP 结合 Boostrap 结合 js 实现学生列表删除编辑以及搜索功能（完结）
这个自己的小项目要先告一段落了.可能还有许多bug.请见谅删除学生功能 PHP: // 这里是通过前端代码HTML中的 url 传过来的,用 $_GET 来获取(相关HTML代码可以看一下到主页看一 ...
vue-codemirror基本用法：实现搜索功能、代码折叠功能、获取编辑器值及时验证
昨天实现了一些codemirror:基本的编辑代码功能.插入变量功能.codemirror语法验证功能.代码格式化(由于主要是json数据,所以暂时没引用其他组件,如果需要建议引用js-beautif ...
html搜索框如何加下拉框,js实现带搜索功能的下拉框
本文实例为大家分享了js实现带搜索功能的下拉框,供大家参考,具体内容如下 1.介绍在实现下拉框的时候,如果用select+option可以在满足pc端的需求,但如果需应用到手机端,由于select的 ...
php编写一个学生类_PHP 结合 Boostrap 结合 js 实现学生列表删除编辑及搜索功能
这个自己的小项目要先告一段落了.可能还有许多bug.请见谅删除学生功能 PHP: // 这里是通过前端代码HTML中的 url 传过来的,用 $_GET 来获取(相关HTML代码可以看一下到主页看一 ...
Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能
Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能需求:在pdf中鼠标滑动选中一段文字,将选中文字展示到input框中(pdf在iframe中) 完成效果: 关于pdf的引用:我是直接 ...

js树形数据结构的搜索功能或获取id

项目场景：

描述：

js树形数据结构的搜索功能或获取id相关推荐

最新文章

热门文章