Какими способами можно вставить элемент в середину массива?

Вставка элемента в середину массива

В JavaScript массивы являются динамическими структурами данных, и для вставки элемента в произвольную позицию существует несколько подходов. Основной способ — использование метода splice, который изменяет исходный массив. Альтернативно можно создать новый массив, не мутируя оригинал, с помощью комбинации slice и spread-оператора.

Метод splice

Метод splice принимает три аргумента: начальный индекс, количество удаляемых элементов (0 для вставки) и один или несколько элементов для добавления. Он изменяет массив на месте и возвращает массив удаленных элементов.

let arr = [1, 2, 4, 5];
arr.splice(2, 0, 3); // вставляем 3 на позицию 2
console.log(arr); // [1, 2, 3, 4, 5]

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

Создание нового массива

Если требуется иммутабельность, можно создать новый массив, объединяя части исходного с помощью slice и spread-оператора:

let arr = [1, 2, 4, 5];
let index = 2;
let newArr = [...arr.slice(0, index), 3, ...arr.slice(index)];
console.log(newArr); // [1, 2, 3, 4, 5]

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

Вывод

Выбор способа зависит от контекста: splice подходит для простых мутаций, а создание нового массива — для иммутабельных операций, особенно в React или Redux.