js获取嵌套数组,嵌套对象的值

2021-1-12 11:55:14 星期二

场景: 服务端会返回一大堆字段的定义列表, 比如 order_status: {-1: '异常', 1: '已下单', 2 : '发货中', 3:....}, 需要前端将汉字展示在页面中;  

原因:  如果数组或对象是多维的, 嵌套了很多层, 就需要写很多的中括号, 引号, 拼接符,去获取最终的值, 可读性太差, 容易绕晕

方案: 封装一个方法, 传入数组和点分的字符串, 即可获得想要的值

用法:

let obj = {'aa': {'xx':'cc', '0': 0, '1': '1', '-1': -1}}; 
getObjChild(obj, 'aa.xx');
getObjChild(obj, 'aa.0');
getObjChild(obj, 'aa.-1');

代码:

    //获取嵌套数组/对象中的值
    function getObjChild(obj, key, gap='.') {
        let tmp = {};
        let arr = key.split(gap); //将key拆成数组

        if (obj[arr[0]]) {
            tmp = obj[arr[0]];
            for (let i=1; i<arr.length; i++) { //逐层进入匹配查找
                let is_found = false;
                if (typeof tmp === 'object') {
                    for(let j in tmp) {
                        if (j === arr[i]) {
                            tmp = tmp[j];
                            is_found = true;
                            break;
                        }
                    }
                }

                if (!is_found) {
                    tmp = false;
                    console.log('未找到 '+ arr[i]);
                    break;
                }
            }
        } else {
            console.log('未找到 '+ arr[0]);
            tmp = false;
        }

        return tmp;
    }