javascript - 从数组中按属性查找对象

Question

使用数组、值和带有嵌套对象的对象:

对象

mesh

数组

['options', 'range', 'x']

值(value)

12.5

是否可以将其翻译为更新属性，例如

mesh.options.range.x = 12.5

尝试:

index = (obj, i) ->
   obj[i]

arr.reduce(index, obj) = 12.5

更新

感谢大家提供的优雅解决方案。

Answer 1

使用.reduce()实际上非常适合这个:

// current object----|    |----current key
//                   v    v
arr.reduce(function(obj, key) {
    return obj == null ? obj : obj[key];
}, window.mesh);
//        ^
//        |-- initial object

<小时/>

您尝试使用.reduce()需要传递一个管理“累积”的函数。

这里只要前面的obj不是null或undefined ，它将返回 key当前obj ，成为下一个 obj .

<小时/>

然后，由于您需要分配一个值，因此您实际上想要获取倒数第二个键的值。

var o = arr.slice(0,-1).reduce(function(obj, key) {
    return obj == null ? obj : obj[key];
}, window.mesh);

然后检查它是否存在并使用 arr 中的最后一项完成作业。

o && o[arr.pop()] = 12.5;

<小时/>

所有这些都可以抽象为一个函数，该函数根据传递的参数数量执行其中一个或另一个操作。

function setFromArray(obj, arr, val) {
    var keys = arguments.length < 3 ? arr.slice() : arr.slice(0, -1);

    var o = keys.slice(0,-1).reduce(function(obj, key) {
        return obj == null ? obj : obj[key];
    }, window.mesh);

    if (arguments.length < 3)
        return o;
    else 
        o && o[keys.pop()];
}