JavaScript scoping (копирование одного массива в другой)

Question

В этом коде ... mapObj.fetchTimeObjs НЕ МОЖЕТЕ измениться????!
Как-то mapObj.fetchTimeObjs получает изменилось, когда эта функция выполняется:

function clockErasePast(){ 
    var now = new Date().getTime(); 
    var tmpFetchTimeObjs = []; 
    for(var i =0; i<mapObj.fetchTimeObjs.length; i++){ 
     tmpFetchTimeObjs.push(mapObj.fetchTimeObjs[i]); 
     if(mapObj.fetchTimeObjs[i].start < now){tmpFetchTimeObjs[i].start = now;} 
    } 
    return tmpFetchTimeObjs; 
} 

Answer 1

tmpFetchTimeObjs[i] будет содержать только ссылку на mapObj.fetchTimeObjs[i].

Если изменится tmpFetchTimeObjs[i], то mapObj.fetchTimeObjs[i] будет изменен, потому что вы будете иметь только один объект, который имеет два ссылки. И если он изменится с одной ссылки, он будет изменен и на вторую ссылку.

Рассмотрим объект, имеющий две ссылки. Здесь я изменяю объект из одной ссылки и получаю обновление для второй ссылки, потому что они ссылаются на один и тот же объект.

var objA = { name: 'Bob', age: 25}; 
 
var objB = objA; 
 

 
objB.age = 30; 
 

 
console.log(objA.age);

Чтобы получить независимый объект, который нужно создать. Вы можете использовать функцию Object.assign(), которая скопирует любые перечислимые свойства из объекта назначения (первый параметр) и вернет его.

Вы можете создать с

var obj = Object.assign({}, mapObj.fetchTimeObjs[i]); 
tmpFetchTimeObjs.push(obj); 

Answer 2

объекты, которые вы push в новый массив, такие же, как исходный массив имеет, так что если вы мутировать их, что мутация видна обоих массивов. Это то, что принято называть мелкой копией.

Вы можете сделать копию на одном более глубоком уровне, где вы также создадите новые объекты и скопируете свойства исходного объекта (например, start) в эти новые объекты. Это можно легко сделать с Object.assign:

tmpFetchTimeObjs.push(Object.assign({}, mapObj.fetchTimeObjs[i])); 

Если эти объекты сами вложенные объекты, то проблема у вас будет происходить на более глубоких уровнях. Если это проблема, вы должны посмотреть на глубокие решения для клонирования, как описано в этом документе Q&A.

Answer 3

Вам необходимо клонировать TimeObjs, так как переменные содержат только ссылку на TimeObjs. Мы не знаем структуру вашего TimeObjs, поэтому, если TimeObjs не содержит других объектов, будет работать Object.assign(), иначе вам может понадобиться метод глубокого клонирования, например jQuery.extend().