欢迎关注得胜的git仓库

已知一个对象和一个访问路径的字符串,返回对应的值

 

思路:

  1. 先根据.分割成一个数组,如a.b分成a和b;
  2. 再将数组中的每一个元素细分,如a[0]分成a和0;
  3. 将分割好的路径按顺序摆放;
  4. 用数据源一步一步访问处理好的路径。
var obj = {
    a: {b: 1},
    b: [
        {name: "zhangsan"},
        {name: "lisi"},
        {names: ["wangwu", "赵六"]}
    ],
    c: [[1,2],[3,4]],
    jj: {
        name: [0,1,2]
    }
}
// a.b  b[0].name  b[2][0]

/**
 * @author web得胜
 * @param {Object} obj 数据源对象
 * @param {String} path 要访问的路径(不包括数据源对象那一层)
 * @desc 已知一个对象和一个路径,取对应的值,无效路径返回undefined
 * */
function getObjDataByPath(obj, path){
    var arr = path.split(".");
    // var reg1 = /\w+(?=\[)/g; // 匹配后面跟[的字符
    var reg2 = /\[(.*)\]/g; // /\[(\d+)\]/g
    // var reg3 = /(?<=\[)(.*?)(?=\])/g; // 匹配方括号中的字符
    var reg4 = /\w+(?=\[)|(?<=\[)(.*?)(?=\])/g;
    var stack = [];
    var temp;
    arr.forEach(item => {
        if(reg2.test(item)){
            while(temp = reg4.exec(item)){
                stack.push(temp[0]);
            }
        }else{
            stack.push(item);
        }
    });
    stack = stack.map(item => trimQuotation(item));
    // console.log(stack);
    try{
        return stack.reduce((pre, next) => {
            return pre[next];
        }, obj);
    }catch(err){
        // console.log(err);
        return undefined;
    }
}

/**
 * @author web得胜
 * @param {String} str
 * @desc 删除一个字符串的首尾引号
 * */
function trimQuotation(str){
    return str.replace(/^['"`]|['"`]$/g, ""); // /^[\'\"\`]|[\'\"\`]$/g
}

console.log(getObjDataByPath(obj, "a.b")); // 1
console.log(getObjDataByPath(obj, "b[2].names[1]")); // 赵六
console.log(getObjDataByPath(obj, "c[0][1]")); // 2
console.log(getObjDataByPath(obj, "jj[0][1]")); // undefined
console.log(getObjDataByPath(obj, "jj['name'][1]")); // 1

 

posted on 2019-06-14 10:05  web得胜  阅读(494)  评论(1编辑  收藏  举报

导航

感谢观看web得胜的博客,如果您觉得对你有帮助,请点赞支持一下哦~。发现问题请留言指正,谢谢!