Обновление массива объекта без мутации

Question

Я следую за учебником, но я потерян. Я не понимаю стартовой линии 9.

так что я пытался сделать немного miarature

const updateTodo = (list, updated) => { 
    const index = list.findIndex(item => item.id === updated.id) 
    return [ 
    ...list.slice(0,index), 
    updated, 
    ...list.slice(index+1) 
    ] 
} 

https://jsbin.com/sifihocija/2/edit?js,console, но не дали результата, что автор сделал, что не так?

Answer 1

Проблемы в этой строке:

const index = list.findIndex(item => item.id === updated.id)

обновлена ​​является array, чтобы получить доступ к идентификатору, необходимо указать index также, для другого array вы используете loop, так item будет ЕАП object из array и item.id даст вам id каждого object, попробуйте следующее:

const index = list.findIndex(item => item.id === updated[0].id)

const arr = [ 
 
    {id:1,name:'hello'}, 
 
    {id:2,name:'hai'} 
 
] 
 

 
const arr2 = [ 
 
    {id:2,name:'this should be a new string'} 
 
] 
 

 
const updateTodo = (list, updated) => { 
 
    const index = list.findIndex(item => item.id === updated[0].id); 
 
    return [ 
 
    ...list.slice(0,index), 
 
    updated, 
 
    ...list.slice(index+1) 
 
    ] 
 
} 
 

 
console.log(JSON.stringify(updateTodo(arr,arr2)))

Проверьте рабочий код: https://jsbin.com/pazakujava/edit?js,console

Позвольте мне знать, если вам нужна помощь в этом.

Answer 2

Изменение

...list.slice(index+1) 

в

...list.slice(index,0)