有没有更简单的方法来替换嵌套属性？ [关闭]

Question

在一次采访中，我有一个有趣的 javascript-task：

给定代码：

const testStr = "bar.baz.foo:111222",
      testObj = {
        bar: {
          baz: {
            foo: 333444,
            foo2: 674654
          },
          boo: {
            faa: 11
          }
        },
        fee: 333
      };

function replaceInObj(obj, str) {
  // your code
}

编写replaceInObj函数的实现

1. 我不被允许使用 3rd-party 库。
2. 我完成了任务，但对我的解决方案不满意。
3. 我正在为复杂的实现而苦苦挣扎。
4. 同时我自己也找不到其他解决方案。

我对@9​​87654325@函数的实现

const testStr = 'bar.baz.foo:111222';
const testObj = {
  bar: {
    baz: {
      foo: 333444,
      foo2: 674654,
    },
    boo: {
      faa: 11,
    },
  },
  fee: 333,
};

console.log('[before] testObj.bar.baz =', testObj.bar.baz);

// run
replaceInObj(testObj, testStr);

console.log('[after] testObj.bar.baz =', testObj.bar.baz);

function replaceInObj(obj, str) {
  const [path, valueToChange] = str.split(':');

  path.split('.').reduce((acc, prop, index, arr) => {
    const isLastProp = arr.length === index + 1;
    if (isLastProp) {
      acc[prop] = valueToChange;
    }

    return acc[prop];
  }, obj);
}

你将如何实现函数replaceInObj？

• 我希望有更简单的实现。
• 如果您能分享您的解决方案，我将不胜感激

Answer 1

我认为我发现解决方案更加简洁易懂： https://codereview.stackexchange.com/a/240907/227075

该解决方案适合我的任务

const testStr = 'bar.baz.foo:111222';
const testObj = {
  bar: {
    baz: {
      foo: '333444',
    },
  },
};

console.log('[before] testObj.bar.baz =', testObj.bar.baz);

// run
replaceInObj(testObj, testStr);

console.log('[after] testObj.bar.baz =', testObj.bar.baz);

function replaceInObj(obj, str) {
  const [path, valueToChange] = str.split(':');
  const properties = path.split('.');
  const lastProperty = properties.pop();
  const lastObject = properties.reduce((a, prop) => a[prop], obj);
  lastObject[lastProperty] = valueToChange;
}