Метод .splice() портит оригинальный массив. Как этого избежать?

Question

[romasovest]

Метод .splice() портит оригинальный массив.

var orig_arr=[1,2,3,4,5,6,7]; // неповторимый оригинал
var temp_arr = orig_arr; // жалкая копия
temp_arr.splice(0,5); // издевательства над копией
console.log(orig_arr); // получаем [6,7] – оригинал пострадал

Как сделать, чтобы издевательства над копией не влияли на оригинал?

Сам придумал такое извращение:

var temp_arr = orig_arr.join("невероятный-набор-символов").split("невероятный-набор-символов");

Наверняка есть более пряморукий способ? Подскажите, пожалуйста

Comments

[Coder321]

Это вы не копируете массив, а просто присваеваете ссылку на него.
var temp_arr = orig_arr;

Answer 1

[0xD34F]

При присваивании копируется ссылка на массив, а не сам массив. Чтобы скопировать массив, есть варианты:

var copy = arr.slice();

var copy = arr.concat();

var copy = [...arr];

var copy = Array.from(arr);

Answer 2

[Дмитрий Лузанов]

ES6:

var arr = [1, 2, 3]
var copyArr = new Array(...arr)
copyArr.splice(0, 2)
console.log(arr) // -> [1, 2, 3]

ES5:

var cloneArr = function(arr) {
  return Array.apply(null, arr)
}

var arr = [1, 2, 3, 4, 5]
var clonedArr = cloneArr(arr)

clonedArr.splice(0, 4)

console.log(arr) // -> [1, 2, 3, 4, 5]
console.log(clonedArr) // -> [5]

Comments

[abberati]

не стоит создавать массив через конструктор, лучше

const arr = [1, 2, 3]
  const copyArr = [...arr]

и для клонирования массива в ES5 достаточно вызвать на самом массиве .slice() как писали выше.

[Дмитрий Лузанов]

лучше

Чем? Если вы ожидаете на входе массив, то не вижу никаких "лучше".

достаточно на самом массиве .slice()

Достаточно, но это макаронная фабрика, ИМХО. Меня б такой способ ошарашил немного.

Answer 3

[Антон Антон]

Описание Splice

Метод splice() изменяет содержимое массива, удаляя существующие элементы и/или добавляя новые.

Оператор присваивания в данном случае присваивает ссылку на объект, соответственно, все действия по этой ссылке приводят к модификации самого объекта. В данном случае нужно делать реальную копию, например с помощью

JSON.parse(JSON.stringify)
Lodash.clone()

Answer 4

[gleendo]

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
let copy = [...arr];

console.log(copy.splice(0, 5)); // [1, 2, 3, 4, 5]
console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8, 9]