向对象递归添加新属性失败

Question

在修改函数中的对象时出现意外结果我了解到我必须item passed to the function在更改它并返回它之前克隆它，并且它适用于上述示例，但是当我在我的递归代码代码中尝试它时，它没有t 工作，这是一个示例：如您所见，我打算更新该属性，B如果它存在，如果它不存在，我想创建一个属性 B 然后给它最后一个值，但由于某种原因，这失败了！，当然，如果我之前创建了属性 B手（在递归调用它之前），我可以给它赋值，但我不知道为什么需要这样做或者为什么我当前的代码不起作用！function addB(item) {  let newItem = { ...item };  if (newItem.B) {    newItem.B.value = "I am B";  } else {    newItem.B = {      value: "I am B"    };  }  if (newItem.children) {    newItem.children.forEach(child => {      //if you uncomment the code below, the code works!      //child.B = {};      child = addB(child);    });  }  return newItem;}function App() {  let parent = {    id: 0,    children: [      {        id: 1,        children: [          {            id: 3          },          {            id: 4          }        ]      },      {        id: 2      }    ]  };  parent = addB(parent);  console.log(parent);}  电流输出：预期输出：

Answer 1

我认为您可以执行以下操作：

function addB(item) {

  const newItem = { ...item, B: { value: 'I am B' } };

  if (newItem.children) {

    newItem.children = newItem.children.map(addB);

  }

  return newItem;

}

如果你想复制 B 属性（如果它存在的话）并且只设置 B.value 那么你可以这样做：

const newItem = { ...item, B: { ...item.B, value: 'I am B' } };

function addB(item) {

  const newItem = { ...item, B: { ...item.B,value: 'I am B' } };

  if (newItem.children) {

    newItem.children = newItem.children.map(addB);

  }

  return newItem;

}

console.log(

  addB({

    children: [

      {},

      { children: [{}, { B: { other: 2 } }] },

      { B: { something: 1 } },

    ],

  })

);

另一种写法是：

var addB = item => ({

  ...item,

  B: { ...item.B, value: 'I am B' },

  ...(item.children

    ? { children: item.children.map(addB) }

    : undefined),

});