查询树形数组中指定的一条数据

原始数据

const arr = [
	{
		nid: 1,
  		name: '泡泡哥',
        age: 18,
        children: [
			{
 				nid: 4,
				name: '瓜瓜龙',
  				age: 22,
				parent_id: 1,
                children: [
					{
						nid: 5,
						name: '小肥兔',
						age: 20,
						parent_id: 4
					}
				]
			},
            {
                nid: 3,
                name: '渣渣彬',
                age: 32,
                parent_id: 1
             }
		]
	},
	{
		nid: 2,
        name: '胡老板',
        age: 16
	}
]

实现方法

递归

/**
 * 根据指定字段查询带children数组中指定的那一条数据
 * @param {String} value 要查询数据的value
 * @param {String} key 要查询数据的key
 * @param {Array} array 要查询的数组
 * @return {Object} 查询到的指定数据
 */
function findItemById(value, key, array) {
    let res = array.find(item => item[key] == value)
    if (res) {
        return res
    } else {
        for (let i = 0; i < array.length; i++) {
            if (array[i].children instanceof Array && array[i].children.length > 0) {
                res = findItemById(value, key, array[i].children)
                if (res) return res 
            }
        }
        return null
    }
}

使用方法

1、查找nid为4的数据
console.log(findItemById(4, 'nid', arr))
//=>  { nid: 4, name: '瓜瓜龙', age: 22, parent_id: 1, children: Array(1) } 
2、查找name为小肥兔的数据
console.log(findItemById('小肥兔', 'name', arr))
//=> {nid: 5, name: '小肥兔', age: 20, parent_id: 4}
3、查找age为16的数据
console.log(findItemById(16, 'age', arr))
//=> {nid: 2, name: '胡老板', age: 16}