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;
    }