javascript - 使用字符串访问多维对象？

Question

这个问题已经有答案了:

Accessing nested JavaScript objects and arrays by string path (45 个回答)

已关闭 9 年前。

假设我有一个字符串:'first.second.last'

我也有一个对象:

{
    'first': {
        'second' : {
            'last': "value"
        }
    }
}

如何访问"value"使用该字符串？

Answer 1

类似这样的事情...

var o = {
    'first': {
        'second' : {
            'last': "value"
        }
    }
};
var s = 'first.second.last';
var val = s.split('.').reduce(function(p, c) {
    return p.hasOwnProperty(c) && p[c] || p;
}, o);

这将深入到您的对象并找到匹配的最深的键。相反，如果您希望在匹配键失败时返回 null，请将 reduce 回调更改为

function(p, c) {
    return p && p.hasOwnProperty(c) && p[c] || null;
}

如果您需要 Array.prototype.reduce 的旧版支持，请参阅 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce#Polyfill