在 JavaScript 中的对象中设置具有未知深度的属性值

set a property's value with unknown depth within an object in javascript

本文关键字：未知 深度 属性 设置 JavaScript 对象      更新时间：2023-09-26
var params = {
    search: {
        make: "",
        model: ""
    }
}
function setVariable() {
    var value = "BMW";
    var key = "search.make";
    var arr = key.split(".");    //eg. ["search", "make"]
    params[arr[0]][arr[1]] = value;   // this works, but how do you
                                      // do it with unknown arr[] length?
}

如何在未知arr[]长度下执行此操作？

我推测我可能需要做一个递归调用，也许在函数中传递类似arr.slice(1)的东西，但我无法弄清楚它应该是什么样子。

var params = {
    search: {
        make: "",
        model: "",
        whatever: {
            foo: {
                bar: {
                    moo: 123,
                    meow: 'xyz'
                }
            }
        }
    }
};
function updatePath(obj, path, value) {
    var parts = path.split('.');
    var i, tmp;
    for(i = 0; i < parts.length; i++) {
        tmp = obj[parts[i]];
        if(value !== undefined && i == parts.length - 1) {
            tmp = obj[parts[i]] = value;
        }
        else if(tmp === undefined) {
            tmp = obj[parts[i]] = {};
        }
        obj = tmp;
    }
    return obj;
}

演示：

> updatePath(params, 'search.whatever.foo.bar')
{ moo: 123, meow: 'xyz' }
> updatePath(params, 'search.whatever.foo.bar.moo')
123
> updatePath(params, 'search.whatever.foo.bar.moo', 'test')
'test'
> updatePath(params, 'search.whatever.foo.bar.moo')
'test'
> updatePath(params, 'search.whatever.foo.bar')
{ moo: 'test', meow: 'xyz' }
> updatePath(params, 'search.whatever.foo.bar.x.y.z', 'hi')
'hi'
> updatePath(params, 'search.whatever.foo.bar.x')
{ y: { z: 'hi' } }
> updatePath(params, 'search.whatever.foo.bar')
{ moo: 'test',
  meow: 'xyz',
  x: { y: { z: 'hi' } } }
>

以下代码遍历params对象，直到找到给定的键。它假定key.split(".")返回正确的键数组(因此您可能需要在此处进一步清理输入。

var params = {
    search: {
        make: "",
        model: ""
    }
}
function setVariable() {
    var value = "BMW";
    var key = "search.make";
    var arr = key.split(".");    //eg. ["search", "make"]
    var runner = params;
    for( var i=0, max=arr.length-1; i<max; ++i ) {
       // make sure the key exists
       runner[ arr[i] ] = runner[ arr[i] ] || {};
       // move one level deeper
       runner = runner[ arr[i] ];
    }
    // set the value in the last level
    runner[ arr[arr.length-1] ] = value;   
}

编辑：对Felix Kling的评论：它假设您希望生成以前不存在的密钥。否则，您必须对for循环进行进一步检查并离开函数(如果密钥不存在(，而不是创建它。

相关文章：