1

从对象中获取更深层次的属性是出了名的烦人。如果父级不存在,则会出现错误。因此,当父母不存在时,您需要停止访问该物业。

这样做的无能为力的方法是:

if (parent.value && parent.value.subvalue && parent.value.subvalue.targetvalue)
    var myVal = parent.value.subvalue.targetvalue;
else
    var myVal = null;

当您需要经常获取某个属性时,这是行不通的,您需要一个快捷功能。首先我做了这样的事情:

function getProp(path) {
    try {
        return eval(path);
    }
    catch (e) {
        return null;
    }
};
// getProp('parent.value.subvalue.targetvalue');

但这至少有两个原因:对象必须在范围内,并且没有人喜欢使用eval().

所以也许最好将对象应用于函数:

function getProp(path, parent) {
    path = path.split('.');

    var val = parent;

    for (var k = 0; k < path.length; k++) {
        var key = path[k];

        try {
            val = val[key];
        }
        catch (e) {
            return null;
        }
    }

    return val;
};
// getProp('value.subvalue.targetvalue', parent);

但不知何故,它仍然感觉不对。
你怎么做到这一点?什么是最佳实践?

设置其父母可能存在也可能不存在的对象深度属性更加烦人。

parent = parent || {};
parent.value = parent.value || {};
parent.value.subvalue = parent.value.subvalue || {};
parent.value.subvalue.target = "YAY SOME VALUE!"

你会如何很好地解决这个问题?

是否有用于此的 javascript 本机函数,因为这需要经常完成?

4

2 回答 2

3

内置方式,不。如果你在 Node.js 平台上,你可以尝试一些像dotty这样的包。

无论如何,我认为你可以做到的方式有点像这样(我没有测试过!但我认为它可以工作):

key.split( "." ).reduce(function( memo, part ) {
   if ( typeof memo !== "object" || memo[ part ] === undefined ) {
      return;
   }

   return memo[ part ];
}, obj );
于 2013-10-31T23:50:39.177 回答
2

而不是 try..catch,只需测试属性:

function getProp(path, parent) {
    path = path.split('.');

    for (var k=0, kLen=path.length; k<kLen; k++) {

        if (parent.hasOwnProperty(path[k])) {
            parent = parent[path[k]];

        } else {
          return; // undefined? null? error?
        }
    }
    return parent;
}

var obj = {a: {b: {c: 'C', d:'D'}}};

console.log(
  getProp('a.b.d', obj)  // D
);      
于 2013-10-31T23:58:50.937 回答