获取对象多层级属性值

最新推荐文章于 2023-05-15 18:23:11 发布

原创

最新推荐文章于 2023-05-15 18:23:11 发布 · 2.5k 阅读

收录于

在编程中，处理对象的多级属性访问时常遇到因中间层级为undefined导致的错误。本文介绍了一种避免此类问题的工具方法，旨在简化如a.b&&a.b.c&&a.b.c.d这样的校验过程，同时提到了ES未来的?.操作符，尽管目前尚未广泛支持。

在开发中，我们常遇到获取对象的多层级属性值，例如a.b.c.d这种，则不免会遇到其中一层已经为undefined而导致后面取值报错。所以不得不做一次校验，类似 a.b&&a.b.c&&a.b.c.d这样，层级越多判断也越多。es未来提议以这种形式替换：a.b?.c?.d，但目前还没有得到浏览器的支持。所以很有必要做一个工具方法来简化书写，这里抛砖引玉一下

function getValueByPath(obj,path){
        var reg=/(?:(?:^|\.)([^\.\[\]]+))|(?:\[([^\[\]]+)\])/g;
        var names=[];
        var name=null;
        while((name=reg.exec(path))!=null){
            names.push(name[1] || name[2]);
        }
        var o=obj;
        for(var i=0;i<names.length;i++){
            o=o[names[i]];
            if(o === undefined){
                return undefined;
            }
        }
        return o;
    }
    var obj={
        a:{
            b:{
                c:[0,1,2,[3,{'a.b':'x'}]]
            }
        }
    }
    console.log(getValueByPath(obj,'a.b.c[3][1][a.c][1]'));
    console.log(getValueByPath(obj,'a.b.c[3][1][a.b]'));

    function getValueByPath2(obj,path) {
        try{
            var fun=new Fu