Как разработчику JavaScript, вам часто приходится создавать дубликат массива. Будь то манипулирование данными или сохранение исходных данных, наличие нескольких копий массива может быть весьма удобным. В этой статье блога мы рассмотрим семь простых и эффективных методов дублирования массива в JavaScript. Итак, давайте приступим к делу и научимся создавать дубликат массива!

Метод 1: использование оператора расширения
Оператор расширения (…) — это краткий способ создания поверхностной копии массива. Он распределяет элементы исходного массива в новый массив, эффективно дублируя его содержимое.

const originalArray = [1, 2, 3];
const duplicateArray = [...originalArray];

Метод 2: использование метода Array.from()
Метод Array.from() создает новый экземпляр массива из итерируемого объекта. Передав исходный массив в качестве аргумента, мы можем легко получить дубликат массива.

const originalArray = [1, 2, 3];
const duplicateArray = Array.from(originalArray);

Метод 3: использование метода Array.slice()
Метод Array.slice() возвращает неглубокую копию части массива в новый объект массива. Указав в качестве аргументов начальный и конечный индексы, мы можем дублировать весь массив.

const originalArray = [1, 2, 3];
const duplicateArray = originalArray.slice();

Метод 4: использование метода Array.concat()
Метод Array.concat() объединяет два или более массива и возвращает новый массив. Объединив исходный массив с пустым, мы можем эффективно дублировать массив.

const originalArray = [1, 2, 3];
const duplicateArray = originalArray.concat([]);

Метод 5: использование метода Array.map()
Метод Array.map() перебирает каждый элемент массива и выполняет указанную операцию, возвращая новый массив с результатами. Просто сопоставив каждый элемент сам с собой, мы можем создать дубликат массива.

const originalArray = [1, 2, 3];
const duplicateArray = originalArray.map(element => element);

Метод 6: использование метода Array.splice()
Метод Array.splice() можно использовать для добавления, удаления и замены элементов в массиве. Удалив нулевые элементы в начальном индексе и не предоставляя элементов для добавления, мы можем получить дубликат массива.

const originalArray = [1, 2, 3];
const duplicateArray = originalArray.splice(0);

Метод 7: использование JSON.parse() и JSON.stringify()
Этот метод преобразует массив в строку JSON, а затем анализирует его обратно в новый массив. Хотя это не самое эффективное решение, оно работает для простых массивов без функций или методов-прототипов.

const originalArray = [1, 2, 3];
const duplicateArray = JSON.parse(JSON.stringify(originalArray));

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