javascript - 按索引将数组追加到对象的嵌套数组中

Question

我创建了一个示例代码来演示我的问题，实际数据要大得多

const arr = [{
  id: 1
}, {
  id: 2,
  items: [{
    id: 1
  }]
}]

const target = 2
const nextIndex = 1
newArr = arr.map(o => o.id === target ? ({
  ...o,
  items: [...o.items, {
    id: 'new id'
  }]
}) : o);

console.log(newArr);

如何通过索引插入{id: 'new id'}？上面的代码附加到 items 数组上。假设我有一个点击事件，用户可以通过索引插入 {id: 'new id} 的位置，我不能使用追加，因为它不会替换现有对象。

预期输出

[{
  id: 1
}, {
  id: 2,
  items: [{
    id: 1
  },{
   id: 'something'
}]

上面的代码不起作用，在不使用索引的情况下将新项目添加到项目数组中。

Answer 1

尝试从 onClick 事件传递索引

functionName = (i) => { //where i is index from onclick event

 arr.map( o, index) => {

  if(i === index)

  {
    const obj = {      //object
     id: 'new id'
    }
    arr[i].push(obj)   // push object at given index from onClick
  }

 }

}