Массив. Чтение, замена, добавление, удаление

Чтение элементов

Прочитать элемент массива можно по его индексу.

Индекс массива это всегда положительное целое число

let array = ['one', 'two', 'three', 'four', 'five'];

console.log(array[0]) // 'one'
console.log(array[3]) // 'four'

Пример 5.1 read

В примере 5.1 мы обращаемся к каждому элементу по его индексу. Если элемент отсутствует, вернется undefined.

Открыть пример 5.1 в новой вкладке

Замена элемента

Перезаписать значения можно с помощью оператора присваивания

let array = ['one', 'two', 'three', 'four', 'five'];

array[0] = 'oдин' // 'oдин'
array[3] = 'пять' // 'oдин'

В примере 5.2 мы заменим названия чисел на русские их эквиваленты.

Пример 5.2 replace

Открыть пример 5.2 в новой вкладке

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

Рассмотрим способы добавления элементов в массив.

Самый банальный способ это просто сделать следующее

let array = ['one', 'two', 'three', 'four', 'five'];
array[array.length] = 'six'; // Добавили в конец массива

Пример 5.3 add

Открыть пример 5.3 в новой вкладке

push добавить в конец массива

С помощью метода push в массив можно добавить сразу несколько элементов.

Например:

let array = ['one', 'two', 'three', 'four', 'five'];
array.push('six','seven', 'eight'); // one,two,three,four,five,six,seven,eight

Пример 5.4 push

Открыть пример 5.4 в новой вкладке

Если например нужно элементы из одного массива добавить в другой массив, push тоже тут поможет, при этом конструкция будет выглядеть следующим образом

Получается merge массивов

let array = ['one', 'two', 'three', 'four', 'five'];
array.push(...['six','seven','eight']);  // one,two,three,four,five,six,seven,eight

Пример 5.4.1 push merge

Открыть пример 5.4.1 в новой вкладке

unshift добавить в начало массива

То же самое, но, только элементы добавляются в начало массива

let array = ['one', 'two', 'three', 'four', 'five'];
array.unshift('six','seven', 'eight'); // six,seven,eight,one,two,three,four,five

Пример 5.5 unshift

Открыть пример 5.5 в новой вкладке

Удалить элемент

С удалением элементов из массива у нас есть два метода pop и shift

pop удалить с конца

Удалить последний элемент можно с помощью метода pop

let array = ['one', 'two', 'three', 'four', 'five'];
let delelem = array.pop();   // one,two,three,four
delelem // five - удаленный элемент

Пример 5.6 pop

Открыть пример 5.6 в новой вкладке

shift удалить с начала

Удалить первый элемент можно с помощью метода shift

let array = ['one', 'two', 'three', 'four', 'five'];
let delelem = array.shift();   // two,three,four,five
delelem // one - удаленный элемент

Пример 5.7 shift

Открыть пример 5.7 в новой вкладке

Вставка элемента

Метод splice() изменяет содержимое массива, удаляя или заменяя существующие элементы и/или добавляя новые элементы.

let array = ['one', 'two', 'three', 'four', 'five'];
let splice = `array.splice(2, 0 , 'two2')`;   // one,two,two2,three,four
splice // two2 - новый элемент вставлен на 2 позицию, 0 элементов удалено

Пример 5.7.1 slice

Открыть пример 5.7.1 в новой вкладке

Обращение к последнему элементу массива

Чтобы обратится к последнему элементу можно воспользоваться двумя способами

let array = ['one', 'two', 'three', 'four', 'five'];
array[array.length - 1]; // five 
array.at(-1); // five 

Примечания

• Чем больше элементов содержит массив, тем больше времени потребуется для того, чтобы их переместить, больше операций с памятью. То есть методы shift/unshift работают медленнее, если важен порядок элементов используем push

Update

• 18.03.2024 - Добавлен раздел Вставка элемента, где описана возможность вставки элемента в любую часть массива. Спасибо Паше!

Содержание