логотип PurpleSchool
логотип PurpleSchool

Массивы в JavaScript

Автор

Виталий Котов

В JavaScript, массив (Array) - это встроенный глобальный объект, который позволяет хранить несколько элементов одновременно.

Синтаксис массива

Синтаксис массива следующий:

const array_name = [item1, item2, ...];

Где itemN - это элементы массива.

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

const fruits = ["Apple", "Orange", "Pear"];

Пробелы и переносы строк не важны. Объявление может занимать несколько строк.

Создание нового массива с использованием ключевого слова JavaScript new

const fruits = new Array("Apple", "Orange", "Pear");

Примечание:

в данном примере также создаётся массив и присваиваются ему значения. Они оба делают то же самое, и поэтому нет необходимости использовать new Array().

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

Массивы в JavaScript индексируются с нуля, где первый элемент массива имеет индекс, равный 0, а индекс последнего элемента равен значению свойства массива length - 1.

const fruits = ["Apple", "Orange", "Pear"];
let fruit = fruits[0]; // Apple

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

Самый простой способ добавить новый элемент в массив — использовать метод push():

const fruits = ["Apple", "Orange", "Pear"];
fruits.push("Banana"); // Добавляет новый элемент 'Banana' к фруктам
Стрелочка влевоОбъект Atomics в JavaScriptОбъект ArrayBuffer в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний