Работа с массивами JavaScript

Массив — это глобальный объект, используемый для хранения нескольких значений в одной переменной. Это специальная переменная, потому что мы можем использовать ее для хранения более одного значения любого типа данных.

const fruits = ['Apple', 'Banana', 'Orange', 'Pear'];

В JavaScript массивы представляют собой упорядоченные наборы значений, каждое значение называется элементом, и каждый элемент имеет числовую позицию в массиве, известную как его индекс. Элементы внутри массива могут быть любого типа, а разные элементы одного и того же массива могут быть разных типов, включая строки, числа, объекты, логические значения и т. д.

Создание массива

Самый простой способ создать массив в Javascript — использовать литерал массива:

синтаксис: const имя_массива = [элемент1, элемент2, элемент3]

Мы также можем создать массив, используя ключевое слово JavaScript new.

синтаксис: const имя_массива = новый массив (элемент1, элемент2, элемент3)

Доступ к элементам массива

Массивы JavaScript отсчитываются от нуля; это означает, что индекс первого элемента каждого массива всегда начинается с 0. [0] всегда является первым элементом, а [1] всегда вторым элементом. Чтобы получить доступ к элементу массива, мы обращаемся к порядковому номеру этого элемента:

синтаксис:фрукты[0] =› «Яблоко»

Изменение элементов массива

Чтобы изменить значение элемента, нам нужно обратиться к индексу элемента, который мы хотим изменить:

синтаксис: фрукты[0] = «Манго»

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

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

const fruits = ['Apple', 'Banana', 'Orange', 'Pear'];
fruits[4] = 'Mango'
fruits = ['Apple', 'Banana', 'Orange', 'Pear', 'Mango'];

Мы можем добавить элементы в конец массива, вызвав метод push():

const fruits = ['Apple', 'Banana', 'Orange', 'Pear'];
fruits.push('Mango') // adds a new element (Mango) to fruits

Мы также можем добавить новые элементы в конец массива, используя свойство length:

const fruits = ['Apple', 'Banana', 'Orange', 'Pear'];
fruits[fruits.length] ='Mango' // adds a new element (Mango) to fruits

Чтобы добавить новый элемент в начало массива, мы используем метод unshift():

const fruits = ['Apple', 'Banana', 'Orange', 'Pear'];
fruits.unshift('Mango') // adds a new element (Mango) to fruits

Удаление элементов из массива

Чтобы удалить последний элемент массива, мы используем метод pop():

const fruits = ['Apple', 'Banana', 'Orange', 'Pear'];
fruits.pop() // removes the last element (Pear) from fruits

Сдвиг похож на всплывание, но он работает с первым элементом, а не с последним.

Метод shift() удаляет первый элемент массива, сдвигая все остальные элементы к более низкому индексу.

const fruits = ['Apple', 'Banana', 'Orange', 'Pear'];
fruits.shift() // removes the first element (Apple) from fruits