一些回显模板

fivenn

已于 2024-04-24 16:37:37 修改

阅读量147

点赞数 2

文章标签：前端 javascript 开发语言

于 2024-04-24 16:30:53 首次发布

本文链接：https://blog.youkuaiyun.com/m0_53850961/article/details/138162832

版权

文章介绍了如何使用JavaScript在数组对象中通过id查找并回显层级标签、id集合以及关联的文字，提供了三个函数：echoSupervisor、echo和returnText，用于处理树形结构的数据操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在数组对象中通过id回显层级标签例： A/B/C

echoSupervisor (value, object) {
    for (var key in object) {
        if (object[key].deptId == value) return [object[key].deptName].join('/');
        if (object[key].children && Object.keys(object[key].children).length > 0) {
            var temp = this.echoSupervisor(value, object[key].children);
            if (temp) return [object[key].deptName, temp].flat().join('/');
        }
    }
},

在数组对象中通过id回显id集合例： [1230000, 123010000, 1230101]

echo (object, value) {//obj-树形下拉列表 value-需要找的目标值
    for (var key in object) {
        if (object[key].value == value) return [object[key].value];
        if (object[key].children && Object.keys(object[key].children).length > 0) {
            var temp = this.echo(object[key].children, value);
            if (temp) return [object[key].value, temp].flat();
        }
    }
},

数组中通过id回显文字

returnText(code, selectTree) {
	let text = ''
	selectTree.forEach(item=>{
		if(item.value == code){
			text = item.label
		}
	})
	return text
},