Как сделать копию массива на js

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Копию массива в js можно получить используя встроенный метод slice():

const arr = [1, 2, 3];
// получаем копию массива
const copyArr = arr.slice();
console.log(copyArr); // => [1, 2, 3]
// убедится в том что это другой массив можно сравнив ссылки на массивы
arr === copyArr // false

В качестве альтернативы можно воспользоваться возможностями spread оператора:

const arr = [1, 2, 3];
const copyArr = [...arr];
console.log(copyArr); // => [1, 2, 3]
arr === copyArr // false

4 года назад

Stanislav Dzisiak

Можно несколькими способами сделать копию массива.

С помощью цикла for:

const array = [1, 2, 3, 'hello', true, [4, 5]];

const arrayCopy = [];
for (let i = 0; i < array.length; i += 1) {
  arrayCopy[i] = array[i];
}

console.log(arrayCopy); // => [1, 2, 3, 'hello', true, [4, 5]]
// убеждаемся, что это другой массив
console.log(array === arrayCopy); // => false

С помощью метода map():

const arrayCopy = array.map((element) => element);

console.log(arrayCopy); // => [1, 2, 3, 'hello', true, [4, 5]]
console.log(array === arrayCopy); // => false

С помощью комбинации методов JSON.parse() и JSON.stringify() (подходит для глубокого копирования массивов и объектов):

const arrayCopy = JSON.parse(JSON.stringify(array));

console.log(arrayCopy); // => [1, 2, 3, 'hello', true, [4, 5]]
console.log(array === arrayCopy); // => false

С помощью метода concat():

const arrayCopy = array.concat([]);

console.log(arrayCopy); // => [1, 2, 3, 'hello', true, [4, 5]]
console.log(array === arrayCopy); // => false

С помощью метода Array.from():

const arrayCopy = Array.from(array);

console.log(arrayCopy); // => [1, 2, 3, 'hello', true, [4, 5]]
console.log(array === arrayCopy); // => false

3 года назад

Кирилл Маркеев

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

2 месяца

Typescript

Навык снижать ошибки, упрощать отладку, повышать качество кода и ускорять разработку с автодополнением и типизацией

8 месяцев

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

Похожие вопросы