Уроки Javascript

#7 - Массивы данных. Одномерные и многомерные массивы

#7 - Массивы данных. Одномерные и многомерные массивы

За урок мы научимся работать с массивами данных в языке 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);

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


Многомерные массивы

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


Мы не будем изучать подобные массивы, так как принцип их построения точно такой же как при работе с двумерными массивами.


Для создания двумерных массивов необходимо использовать двойные квадратные скобки после типа данных. Выглядит такой массив как матрица, а записывается следующим образом:

var x = new Array(new Array(0, 34, 2), new Array(3, 4, 5));
console.log(x[0][1]); // Выведет 34

// Можно их сразу не присваивать
var symbols = new Array(new Array(), new Array());
symbols [0][1] = 'A';

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

x[0][1] = 1; // Вместо 34 теперь будет 1

Исходный код

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

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

Загрузка...

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

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

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

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

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

Курс по React JS для начинающих
11 уроков
Уроки React Native для начинающих / Разработка приложения с нуля
11 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Создание динамического веб сайта
22 урока
Уроки Angular для начинающих
7 уроков
Практика React JS / Разработка магазина (eCommerce)
9 уроков
Комментарии (3)
Добавить комментарий

Gleb 26 августа 2023 в 12:39

К сожалению информация предоставленная в этом уроке не позволяет решить задания, которые идут после урока
Это очень грустно (в первый раз такое)
Ответить

Максим 19 января 2023 в 17:52

Кво мастер остался доволен .
Ответить

Данила 04 августа 2022 в 17:37

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