Уроки Javascript

Урок #9 - Работа с массивами в JavaScript

Урок #9 - Работа с массивами в JavaScript

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

Видеоурок

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

Одномерный массив

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

В массивах отсчет начинается с 0, поэтому первый элемент в массиве по индексу будет равен 0, второй - 1 и так далее.

Примеры создания массива:
var some = new Array(); // Создание пустого массива
some[0] = '1'; // Добавление 1 элемента
some[1] = 2; // Добавление 2 элемента
console.log(some[0]); // Вывод первого элемента
var array = new Array(1, 5, 2); // Создание массива со значениями сразу же
Работать с элементами массива можно точно также как с переменными. Мы можем их выводить или же устанавливать для них новые значения.

Для массивов существует несколько дополнительных методов, которые мы еще изучим в дальнейшем. Сейчас мы изучили лишь метод length, который позволяет получить длину всего массива.
var elements = new Array(23, 6, 0, true, "Первый");
// Выведет значение 5, так как в массиве 5 элементов
console.log(elements.length);
Изначально массивы могут показаться бесполезными, но на самом деле это нет. В дальнейшем вы сможете понять всю роль таких массивов.

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Уроки Vue.js для начинающих
10 уроков
Создание динамического веб сайта
22 урока
Уроки Angular для начинающих
7 уроков
Изучение React JS / Redux библиотеки
9 уроков
Создание приложения на React JS / Использование API
7 уроков
Курс по React JS для начинающих
14 уроков