Как вставить элемент в массив JavaScript на определенную позицию?

Использование метода splice() для вставки элемента в массив

В JavaScript для вставки элемента на конкретную позицию в массиве используется метод splice(). Это универсальный метод, который может добавлять, удалять или заменять элементы массива. Давайте разберем его синтаксис и применение на вашем примере.

Синтаксис метода splice()

array.splice(startIndex, deleteCount, item1, item2, ...)

• startIndex — индекс, с которого начинаем изменять массив
• deleteCount — количество элементов, которые нужно удалить (если 0 — ничего не удаляем)
• item1, item2, ... — элементы, которые нужно добавить (необязательные параметры)

Решение вашей задачи

Чтобы вставить 'Анну' между Марией (индекс 1) и Петром (индекс 2), нужно указать индекс вставки = 2 (перед элементом с индексом 2), количество удаляемых элементов = 0, и сам элемент:

let names = ['Иван', 'Мария', 'Петр'];
names.splice(2, 0, 'Анна');
console.log(names); // ['Иван', 'Мария', 'Анна', 'Петр']

Как это работает

Метод splice() изменяет исходный массив. Когда мы пишем names.splice(2, 0, 'Анна'), JavaScript:

1. Начинает с индекса 2 (третий элемент 'Петр')
2. Удаляет 0 элементов (ничего не удаляем)
3. Вставляет 'Анну' на это место
4. Все элементы сдвигаются вправо

Другие примеры использования

Вставка нескольких элементов:

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

Вставка в начало массива:

let arr = [2, 3];
arr.splice(0, 0, 1);
console.log(arr); // [1, 2, 3]

Вставка в конец (аналог push):

let arr = [1, 2];
arr.splice(arr.length, 0, 3);
console.log(arr); // [1, 2, 3]

Важные замечания

• Метод splice() изменяет исходный массив, а не создает новый
• Если указать отрицательный индекс, отсчет начнется с конца массива: arr.splice(-1, 0, 'новый') вставит элемент перед последним
• Метод возвращает массив удаленных элементов (если deleteCount > 0)

Надеюсь, теперь стало понятно. splice() — мощный инструмент для работы с массивами, освойте его — и многие задачи станут проще!

let names = ['Иван', 'Мария', 'Петр'];
let index = 2; // позиция, куда вставляем
let newNames = [
  ...names.slice(0, index),
  'Анна',
  ...names.slice(index)
];
console.log(newNames); // ['Иван', 'Мария', 'Анна', 'Петр']
console.log(names);    // ['Иван', 'Мария', 'Петр'] (исходный не изменился)