每日一题（五六）完成一个 safeGet 函数，可以安全的获取无限多层次的数据，一旦数据不存在不会报错，会返回 undefined

原创于 2020-06-16 19:01:06 发布 · 721 阅读

2 ·

CC 4.0 BY-SA版权

温故知新专栏收录该内容

95 篇文章

订阅专栏

本文介绍了一种名为safeGet的安全数据获取函数，该函数能够处理无限多层次的数据结构，并在数据不存在时返回undefined，避免了错误抛出。通过两种实现方式，包括普通遍历和reduce方法，展示了如何在JavaScript中优雅地解决此问题。

完成一个 safeGet 函数，可以安全的获取无限多层次的数据，一旦数据不存在不会报错，会返回 undefined，例如：

var data = {a:{b:{c:'aaa'}}}
safeGet(data,'a.b.c'); //'aaa'
safeGet(data,'a.b.c.d'); //undeifned
safeGet(data,'a.b.c.d.e.f'); //undeifned

答案：

1.普通方式遍历

function safeGet(obj,str){
    let arr = str.split('.');
    let temp = obj;
    for(let i = 0;i<arr.length;i++){
        
        let target = temp[arr[i]];
        if(!target) return undefined;
        if(i === arr.length-1){
            return target;
        }
        temp = target;
    }
}

2.reduce 方式

const safeGet = (o,path) =>{
    try{
        return path.split('.').reduce((pre,cur)=>pre[cur],o);
    }catch(e){
        return undefined;
    }
}