当前位置:
首页 > 网站开发 > JavaScript >
-
接上一篇使用递归获取Tree数据结构中的目标数据,封装了一个通用函数
/** * @param {Array} dataList 完整数据(必传) * @param {Sting/Int} keyName 对哪个字段进行与targetID对比(必传) * @param {Sting/Int} targetID 目标数据的唯一标识符(必传) * @param {Sting/Int} fieldName 目标数据的某个字段的字段名(可缺省) * @return {Object/String/Int/Array} 返回的目标数据, 目标数据类型根据 fieldName 字段的类型确定,默认返回Object */ function functionRecursive({ dataList, keyName, targetID, fieldName }) { let target_data = {} let targetID_type = ['string', 'number'] if (!Array.isArray(dataList) || !dataList.length) { alert('传入的数据格式需为数组且不能为空...') return target_data } if (!keyName || typeof keyName !== 'string') { alert('未传入对比字段名称...') return target_data } if (!targetID) { alert('未传入目标数据的唯一标识符...') return target_data } let ID_type = typeof targetID if (!targetID_type.includes(ID_type)) { alert('目标数据唯一标识符应为数字或字符串...') return target_data } // 递归过程 let get_target_data = item => { if (item[keyName] == targetID) { target_data = item } else { if (item.children && item.children.length) { for (let i = 0; i < item.children.length; i++) { if (Object.keys(target_data).length) break // 如果已经找到了目标数据,记得break get_target_data(item.children[i]) } } } } // for循环传入的 dataList 数据并开始递归 for (let i = 0; i < dataList.length; i++) { if (Object.keys(target_data).length) break // 同上 get_target_data(dataList[i]) } // 返回目标数据 if (fieldName && typeof fieldName == 'string') { if (target_data.hasOwnProperty(fieldName)) { return target_data[fieldName] } else { alert('字段名应为字符串或目标数据中无此字段...') return {} } } else { return target_data } } export default functionRecursive
调用示例(找到 this.tree_data 中 id 字段值为 13 的数据): let data = { dataList: this.tree_data, keyName: 'id', targetID: 13, fieldName: '', } console.time('run-time') let target_data = functionRecursive(data) console.timeEnd('run-time') console.log(target_data) // 目标数据
原文链接:https://www.cnblogs.com/lyt520/p/16347911.html
栏目列表
最新更新
求1000阶乘的结果末尾有多少个0
详解MyBatis延迟加载是如何实现的
IDEA 控制台中文乱码4种解决方案
SpringBoot中版本兼容性处理的实现示例
Spring的IOC解决程序耦合的实现
详解Spring多数据源如何切换
Java报错:UnsupportedOperationException in Col
使用Spring Batch实现批处理任务的详细教程
java中怎么将多个音频文件拼接合成一个
SpringBoot整合ES多个精确值查询 terms功能实
数据库审计与智能监控:从日志分析到异
SQL Server 中的数据类型隐式转换问题
SQL Server中T-SQL 数据类型转换详解
sqlserver 数据类型转换小实验
SQL Server数据类型转换方法
SQL Server 2017无法连接到服务器的问题解决
SQLServer地址搜索性能优化
Sql Server查询性能优化之不可小觑的书签查
SQL Server数据库的高性能优化经验总结
SQL SERVER性能优化综述(很好的总结,不要错
uniapp/H5 获取手机桌面壁纸 (静态壁纸)
[前端] DNS解析与优化
为什么在js中需要添加addEventListener()?
JS模块化系统
js通过Object.defineProperty() 定义和控制对象
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比