关于javascript:objabc获取值的异常处理

在平时开发过程中，总是会遇到相似于通过 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、测试案例

// 测试 1
let obj1 = {
    a: [{
        b: {c: 3}
    }]
}
console.log(get(obj1, 'obj1.a.0.b.c', -1)) // 3
console.log(get(obj1, 'obj1.a.0.d.c', -1)) // -1
console.log(get(obj1, 'obj1.a.0.b.c.f', -1)) // -1

// 测试 2
let obj2 = {
    a: {b: null}
}
console.log(get(obj2, 'obj2.a.b', -1)) // null
console.log(get(obj2, 'obj2.a.b.c', -1)) // -1
// 测试 3
let obj3 = {
    a: {b: undefined}
}
console.log(get(obj3, 'obj3.a.b', -1)) // undefined
console.log(get(obj3, 'obj3.a.b.c', -1)) // -1。