欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js编程-层层访问对象属性

程序员文章站 2022-07-15 22:27:19
...

编写一个函数,实现如下访问对象属性

var object = {
 b: { c: 4 }, d: [{ e: 5 }, { e: 6 }]
};
console.log( parse(object, 'b.c') == 4 ) //true
console.log( parse(object, 'd[0].e') == 5 ) //true
console.log( parse(object, 'd.0.e') == 5 ) //true
console.log( parse(object, 'd[1].e') == 6 ) //true
console.log( parse(object, 'd.1.e') == 6 ) //true
console.log( parse(object, 'f') == 'undefined' ) //true

编程:
法一:

//使用正则表达式
function parse(obj, str){
  return new Function('obj', 'return obj.' + str.replace(/\.(\d+)/g, '\[$1\]'))(obj);
}
  • str.replace(/.(\d+)/g, ‘[$1]’):举例str=‘b.c’,改变形式为b[c],即返回obj.b[c]
  • new Function(‘obj’,函数体)(obj):直接传入obj参数并调用函数

法二

function parse(obj,str) {
            str = str.replace(/\[(\d+)\]/g,'.$1');
            arr = str.split('.');
            arr.forEach(function(item) {
                obj = obj[item];
            })
            return obj;
}