reduce实现递归查找多层级对象的属性

原创已于 2022-06-18 11:47:12 修改 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#reduce #递归

于 2020-05-14 18:39:47 首次发布

递归专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript的reduce方法来深入访问嵌套对象属性的技术。通过将字符串形式的属性路径转换为数组并逐层解析，可以有效地从复杂的对象结构中检索特定的数据。这种方法在处理JSON数据或进行配置文件解析时特别有用。

let peoples = {
    zhangsan: {
        name: '张三',
        height: 170,
        child: {
            name: '张小小'
        },
    },
    lisi: {
        name: '李四',
        weight: 200,
        wife: {
            name: '杨玉环'
        },
    },
    wagnwu: {
        name: '王五',
        age: 21,
    },
};
let str = 'lisi.wife.name';
let propArr = str.split('.');

let result = propArr.reduce((prev,next)=>{
    return prev[next] ? prev[next] : null;
}, peoples);

console.log(result); //杨玉环