Уроки 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 Native для начинающих / Разработка приложения с нуля
11 уроков
MERN Stack / Разработка веб-приложения
9 уроков
Уроки Node JS и Express для начинающих
13 уроков
Фреймворк Next JS / Изучение NextJS для начинающих
8 уроков
Курс по React JS для начинающих
11 уроков
Уроки Angular для начинающих
11 уроков
Комментарии (6)
Добавить комментарий

Dmytro 23 марта 2025 в 12:10

Уроки перепутаны, и судя по всему сначала должны идти циклы, а потом массивы
Ответить

Вячеслав 12 января 2025 в 21:12

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

var array_1 = new Array(1, 2, 3, 5, 7, 9, 10);
var array_2 = new Array(1, 4, 3, 5, 8, 9, 0);

if(array_1[0] == array_2[0]){
document.writeln(array_1[0] + ' есть');
};
if(array_1[1] == array_2[1]){
document.writeln(array_1[1] + ' есть');
};
if(array_1[2] == array_2[2]){
document.writeln(array_1[2] + ' есть');
};
if(array_1[3] == array_2[3]){
document.writeln(array_1[3] + ' есть');
};
if(array_1[4] == array_2[4]){
document.writeln(array_1[4] + ' есть');
};
if(array_1[5] == array_2[5]){
document.writeln(array_1[5] + ' есть');
};
if(array_1[6] == array_2[6]){
document.writeln(array_1[6] + ' есть');
};
Ответить

Helper 13 мая 2024 в 12:25

<script>document.write("<h1>wwrre3we</h1>")</script>
Ответить

anon 13 мая 2024 в 12:26

я нашел у вас уязвимость xss

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

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

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

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

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

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