Рубрики
Без рубрики

JavaScript: Как вставить элементы в конкретный индекс массива

В этой статье мы вставем элементы в массив на его начало, конце и различные позиции. Мы будем использовать методы unssift, Push, Concat и Slice!

Автор оригинала: Guest Contributor.

Вступление

Массив является линейной структурой данных и, возможно, одна из самых популярных структур данных, используемых в информатике. Изменение массива – это часто встречающаяся операция. Здесь мы обсудим Как добавить элемент в любое положение массива в JavaScript Отказ

Элемент может быть добавлен в массив в трех местах:

  • Старт/первый элемент
  • Конец/последний элемент
  • Где-нибудь еще
Вставьте элемент в массиве

Давайте начнем, добавив элементы в начало массива!

Добавление элементов в начало массива

беззифта () Метод в объектах массива добавляет один или несколько элементов в начало массива. При выполнении он также возвращает новую длину массива:

const startArray = [3, 4, 5];
const newLength = startArray.unshift(2);
console.log(newLength);
console.log(startArray);

startArray.unshift(-1, 0, 2);
console.log(startArray);

Что дает нам ожидаемый выход:

4
[ 2, 3, 4, 5 ]
[ -1, 0, 2, 2, 3, 4, 5 ]

Добавление элементов до конца массива

Используя последний индекс массива

Чтобы добавить элемент в конец массива, мы можем использовать тот факт, что длина массива всегда на один меньше, чем индекс.

Скажем, длина массива 5, то последний индекс, при котором значение будет 4. Итак, мы можем напрямую добавить элемент на Последние + 1 индекс. Давайте посмотрим:

const indexArray = [1, 2, 3];
console.log(indexArray.length);
console.log(indexArray[2]);
console.log(indexArray[3]);

indexArray[indexArray.length] = 4
console.log(indexArray);

Запуск этого в консоли JS отображается:

3
3
undefined
[ 1, 2, 3, 4 ]

Массив 3 В длину и 2-й элемент – 3 Отказ Нет 3-го элемента, поэтому мы встречаются с undefined Отказ Наконец, в этой позиции мы вставляем значение 4 Отказ

Метод push ()

push () Способ массива добавляет один или несколько элементов до конца этого. Так же, как беззифта () , это также возвращает новую длину массива:

const pushArray = [1, 2, 3]
const newLength = pushArray.push(4, 5, 6, 7);
console.log(newLength);
console.log(pushArray);

Запуск вышеуказанного кода будет отображаться это:

7
[ 1, 2, 3, 4, 5, 6, 7 ]

Метод concat ()

Слияние или присоединение двух или более массивов достигается на массиве CONCAT () метод. Это создает Новая копия вывода и не влияет на оригинальные массивы Отказ В отличие от предыдущих методов, он возвращает новый массив. Значения объединяются всегда в конце массива с использованием метода.

Мы можем объединить массив с другим массивом:

const example1Array1 = [1, 2, 3];
const valuesToAdd = [4, 5, 6];
const example1NewArray = example1Array1.concat(valuesToAdd);

console.log(example1NewArray);
console.log(example1Array1);

Который печатает этот выход:

[ 1, 2, 3, 4, 5, 6 ]
[ 1, 2, 3 ]

Мы можем объединить массив с последовательностью значений:

const array = [1,2,3];
const newArray = array.concat('12', true, null, 4,5,6,'hello');
console.log(array);
console.log(newArray);

Запуск вышеуказанного кода будет войти в систему в наших консолях:

[ 1, 2, 3 ]
[ 1, 2, 3, '12', true, null, 4, 5, 6, 'hello' ]

Мы можем объединить массив с несколькими массивами:

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const array3 = [7, 8, 9];
const oneToNine = array1.concat(array2, array3);

console.log(oneToNine);

При выполнении вышеуказанный код печатает список номеров от 1 до 9:

[ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

Добавление элементов в любом месте в массиве

Теперь мы обсудим метод MastersTreoke, который можно использовать для добавления элемента в любом месте массива – начните, конец, середину и где-нибудь еще в дальнем месте.

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

Посмотрим Сращивание () в действии. Мы собираемся взять массив будних дней, и добавить элемент «среда» между «вторником» и «четверг»:

const weekdays = ['monday', 'tuesday', 'thursday', 'friday']
const deletedArray = weekdays.splice(2, 0, 'wednesday');

console.log(weekdays);
console.log(deletedArray);

Приведенный выше код регистрирует это на консоль:

[ 'monday', 'tuesday', 'wednesday', 'thursday', 'friday' ]
[]

Давайте сломаем вышеуказанный код. Мы хотели добавить «среду» в Будни Массив на 2-й должность. Ни один элемент не должен удалять здесь. Код недели .splice (2, 0, «среда») Читается как на второй позиции, не удаляйте ни один элемент и добавьте Среда Отказ

Вот общий синтаксис для использования Сращивание () :

let removedItems = array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

Где:

  • Начать – индекс, на котором начинать модифицировать массив.
  • Deletecount – Необязательное количество предметов в массиве для удаления из Начать Отказ Если опущено, то все элементы после Начать будут удалены.
  • item1, item2, ... – Дополнительные элементы для добавления к массиву от Начать Отказ Если опущено, он будет удалять только элементы из массива.

Давайте посмотрим другой пример ломтик () где мы добавляем и удаляем в массив одновременно. Мы будем добавлять «среду» во второй позиции, однако мы также удалим ошибочные значения выходных там:

const weekdays = ['monday', 'tuesday', 'saturday', 'sunday', 'thursday', 'friday']
const deletedArray = array.splice(2, 2, 'wednesday');

console.log(weekdays);
console.log(deletedArray);

Приведенный выше код будет печать:

[ 'monday', 'tuesday', 'wednesday', 'thursday', 'friday' ]
[ 'saturday', 'sunday' ]

В приведенном выше примере Array.Splice (2, 2, «среда») Удаляет два элемента со второй позиции (начать) и добавляют «среда». Это право есть сила ломтик () !

Заключение

В этой статье мы смотрели много способов JavaScript, мы можем добавить элементы в массив. Мы можем добавить их в начало с беззифта () Отказ Мы можем добавить их в конец, используя свой индекс, POP () Метод и CONCAT () метод. Мы еще больше контролируем, где мы помещаем их с Сращивание () метод.

Читайте ещё по теме: