欢迎关注得胜的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   web得胜  阅读(496)  评论(1编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

感谢观看web得胜的博客,如果您觉得对你有帮助,请点赞支持一下哦~。发现问题请留言指正,谢谢!
点击右上角即可分享
微信分享提示