I Shar

I Shar

мир глазами веб-разработчика

JavaScript: добавляем элемент массива

особенности добавления элемента массива по индексу в JavaScript

I Shar

время чтения 2 мин.

Photo by Ryoji Iwata on Unsplash

Обратим внимание на то, как изменится длина массива, если добавить элемент массива по индексу, учитывая, что значение индекса будет превышать длину самого массива.

Итак, у нас есть следующий код:

let arr = [1, 2, 3, 4];
arr[5] = "I am five";
console.log(arr.length);

Какой результат мы увидим в консоли?

Каждый массив в JavaScript имеет встроенный метод push. С помощью этого метода можно добавлять новые элементы:

let arr = [ 1, 2 ];
arr.push(3);   // [ 1, 2, 3]
arr.push(500); // [ 1, 2, 3, 500]

Также, получить доступ к значению элемента массива и изменить его при необходимости можно посредством индекса соответствующего элемента:

const arr = [ 1, 2 ];
arr[0] = 123;
console.log(arr); // [ 123, 2]

Но, что получится, если длина массива равна четырем, а мы попытаемся получить доступ к шестому элементу?

В данном случае язык программирования продемонстрирует максимальную лояльность, что не очень хорошо.

Тем не менее новый элемент будет добавлен в массив, а длина самого массива изменится. Приступая к такому действию, не следует забывать об одном маленьком нюансе:

let arr = [ 1, 2, 3, 4 ];
arr[5] = "I am five";
console.log(arr); // [ 1, 2, 3, 4, <1 empty item>, 'I am five' ]
console.log(arr.length); // 6

В результате выполнения задачи, мы увидим что длина массива теперь равняется шести, так как в подсчет попал отсутствующий пятый элемент.


Спасибо за внимание.

    • frontend
    • js

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.