Вставка значения по индексу массива

JavaScriptJavaScriptBeginner
Практиковаться сейчас

This tutorial is from open-source community. Access the source code

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом практическом занятии мы изучим концепцию вставки значений в массив по указанному индексу с использованием JavaScript. Вы научитесь использовать метод Array.prototype.splice() для вставки значений после заданного индекса с количеством удаляемых элементов, равным 0. В этом практическом занятии вы получите практический опыт в работе с массивами в JavaScript и поймете, как изменять исходный массив при вставке новых значений.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28401{{"Вставка значения по индексу массива"}} javascript/data_types -.-> lab-28401{{"Вставка значения по индексу массива"}} javascript/arith_ops -.-> lab-28401{{"Вставка значения по индексу массива"}} javascript/comp_ops -.-> lab-28401{{"Вставка значения по индексу массива"}} javascript/spread_rest -.-> lab-28401{{"Вставка значения по индексу массива"}} end

Как вставить значение по определенному индексу в массиве с использованием JavaScript

Чтобы вставить значение по определенному индексу в массиве с использованием JavaScript, следуйте этим шагам:

  1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
  2. Используйте метод Array.prototype.splice() с соответствующим индексом и количеством удаляемых элементов, равным 0, распаковывая заданные значения для вставки.
  3. Функция insertAt принимает массив, индекс и одно или несколько значений для вставки после указанного индекса.
  4. Функция изменяет исходный массив и возвращает измененный массив.

Вот пример работы функции insertAt:

const insertAt = (arr, i, ...v) => {
  arr.splice(i + 1, 0, ...v);
  return arr;
};

let myArray = [1, 2, 3, 4];
insertAt(myArray, 2, 5); // myArray = [1, 2, 3, 5, 4]

let otherArray = [2, 10];
insertAt(otherArray, 0, 4, 6, 8); // otherArray = [2, 4, 6, 8, 10]

В приведенном выше примере функция insertAt используется для вставки значения 5 после второго индекса массива myArray и для вставки значений 4, 6 и 8 после первого индекса массива otherArray.

Резюме

Поздравляем! Вы завершили практическое занятие по вставке значения по индексу массива. Вы можете выполнить больше практических заданий в LabEx, чтобы улучшить свои навыки.