仅使用属性访问器（点符号或括号符号），如何直接设置未定义的嵌套属性？

Question

在 javascript 对象中，是否可以仅使用属性访问器（例如点符号或括号符号）来设置未定义嵌套键的属性值？

Lodash 的 _.set 函数（和 TJ Crowder 的回答）和我想要的差不多，但是代码的结构不同，即_.set(state, "some.future.key", "baz").

是否有任何库可以让我直接设置值，即state.some.future.key = "baz"？

理想情况下，我希望状态自动呈现以下形状：

state = {

    some: {

        future: {

            key: "baz"

        }

    }

}

Answer 1

您只需创建任何缺失的东西。const state = {    foo: "bar"};if (!state.some) {    state.some = {};}if (!state.some.future) {    state.some.future = {};}state.some.future.key = "baz";console.log(state);如果有很多内联代码，您可以为自己提供一个函数来完成它。如果你想这样做，这个问题和这个问题的答案应该会让你朝着正确的方向前进。一个简单的版本：function setDeep(obj, path, value) {    if (typeof path === "string") {        path = path.split(".");    }    const final = path[path.length - 1];    path = path.slice(0, -1);    for (const entry of path) {        if (!obj[entry]) {            obj = obj[entry] = {};        } else {            obj = obj[entry];        }    }    return obj[final] = value;}const state = {    foo: "bar"};setDeep(state, "some.future.key", "baz");// Or: setDeep(state, ["some", "future", "key"], "baz");console.log(state);...但有十几种变化。