Метод карты изменить старый массив

Question

Почему карта изменяет старый массив numbers? Я не хочу менять старый массив, я хочу его отредактировать (key * 2) и поместить его в новый массив roots. Может кто-нибудь объяснить, в чем проблема?

var numbers = [{key:1,prop:"ok"}, {key:2,prop:"ok"}, {key:3,prop:"ok"}]; 
 
var roots = numbers.map(index => { 
 
    index.key = index.key * 2 
 
    return index 
 
}) 
 

 
console.log('numbers', numbers) 
 
console.log('roots', roots)

Answer 1

Похоже нет прямого способа скопировать массив без ссылок. Но это работает Тхо:

var numbers = [{key:1,prop:"ok"}, {key:2,prop:"ok"}, {key:3,prop:"ok"}]; 
 
var roots = JSON.parse(JSON.stringify(numbers)); 
 
roots.map(index => { 
 
    index.key = index.key * 2 
 
    return index 
 
}) 
 

 
console.log('numbers', numbers) 
 
console.log('roots', roots)

Answer 2

В вашем случае, самый простой подход был бы

var numbers = [{key:1,prop:"ok"}, {key:2,prop:"ok"}, {key:3,prop:"ok"}]; 
var roots = numbers.map(elt => ({ 
    key: elt.key * 2, 
    prop: elt.prop 
})); 

Другими словами, вернуть новым объектам из map.

Или, если вы предпочитаете, вы можете destructure параметр:

var roots = numbers.map(({key, prop}) => ({key: key * 2, prop}));