JavaScript .С() внутри функции главной глобальной переменной

Question

У меня следующая проблема с .push() метода:

var myArray = ["a", "b", "c", "d"]; 

function add(arr) { 
    arr.push("e"); 
    return arr; 
} 

add(myArray); 

// myArray is now ["a", "b", "c", "d", "e"] 

Почему он переопределяет myArray? Не могу понять, что ...

Answer 1

Массивы в Javascript (и большинстве других языков) передаются по ссылке.

Когда вы пишете add(myArray), вы передаете ссылку на тот же экземпляр массива, к которому относится глобальная переменная myArray.
Любые изменения объекта массива будут видны через обе ссылки.

Чтобы скопировать фактический экземпляр массива, напишите add(myArray.slice());.
Обратите внимание, что это не будет копировать объекты внутри него.

Answer 2

Если вам нужно, чтобы иметь возможность гнездовых массивов, то я бы изменить функцию .add(), чтобы иметь .concat() дублировать массив в переменную, .push() новое значение в новый массив, и вернуть его.

function add(arr) { 
    var newArr = arr.concat(); // duplicate 
    newArr.push("e");  // push new value 
    return newArr;   // return new (modified) Array 
} 

---

Вы можете использовать concat(), а также, и возвращает новый массив, он создает.

var myArray = ["a", "b", "c", "d"]; 

function add(arr) { 
    return arr.concat("e"); 
} 
var newArray = add(myArray); 

console.log(newArray); // ["a", "b", "c", "d", "e"] 
console.log(myArray); // ["a", "b", "c", "d"] 

Таким образом, вместо двух методов .slice() то .push(), вы выполняете его с одним .concat().

Это также дает вам преимущество прохождения другого массива вместо строки, так:

return arr.concat(["e","f"]); 

даст вам:

// ["a", "b", "c", "d", "e", "f"] 

вместо:

// ["a", "b", "c", "d", ["e", "f"] ]