在平时开发过程中,总是会遇到相似于通过obj.a.b.c的形式去获取对象深层蕴含的值,然而,如果遇到a、b或者c是null、undefined、1、'2'和true等数据类型时就会呈现报错。而且,咱们往往通过后端从数据库获取到的数据,这个链路中,说不准哪一天就会在传递的过程中呈现相似的状况。上面咱们手写get办法,杜绝这种状况的产生。

1.get函数

let get = function (obj, path, defaultValue) {    // 将门路拆分成数组    let pathArr = path.split('.');    // 默认是传入的值    let currentValue = obj;    for (let i = 1; i < pathArr.length; i++) {        // 边界1:如果上一次值不是对象,或者为null,或者为undefined,间接返回默认值        if (typeof currentValue !== 'object' || currentValue === null || currentValue === undefined) {            return defaultValue;        }        // 以后门路        let path = pathArr[i]        // 以后key的数组        let keys = Object.keys(currentValue)        // 边界2:以后门路不在上一次值的keys中,间接返回默认值        if (!keys.includes(path)) {            return defaultValue;        }        // 获取以后门路下的值        currentValue = currentValue[path];    }    return currentValue;}

2、测试案例

// 测试1let obj1 = {    a: [{        b: {            c: 3        }    }]}console.log(get(obj1, 'obj1.a.0.b.c', -1)) // 3console.log(get(obj1, 'obj1.a.0.d.c', -1)) // -1console.log(get(obj1, 'obj1.a.0.b.c.f', -1)) // -1// 测试2let obj2 = {    a: {        b: null    }}console.log(get(obj2, 'obj2.a.b', -1)) // nullconsole.log(get(obj2, 'obj2.a.b.c', -1)) // -1// 测试3let obj3 = {    a: {        b: undefined    }}console.log(get(obj3, 'obj3.a.b', -1)) // undefinedconsole.log(get(obj3, 'obj3.a.b.c', -1)) // -1。