«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript



Игра «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих



Многомерные массивы в Javascript - последняя заметка этой темы.

Что такое многомерный массив? Если в качестве элементов массива указать другие массивы, то такой массив будет являться многомерным.

Или многомерный массив – это массив, содержащий в себе другие массивы.

Многомерный массив содержит все элементы входящих в него массивов.



Пример многомерного массива

Рассмотрим пример многомерного массива. Для этого будем работать с несколькими массивами «Друзей».

Для наглядности возьмем больше двух массивов. Пусть их будет три

Фрагмент кода

<script type="text/javascript">

var friends = [" Алексей", " Вячеслав", " Григорий"];

var friends2 = [" Яков", " Светлана"];

var friends3 = [" Эдвард", " Анастасия"];

var allFriends = [friends, friends2, friends3];

document.write(allFriends);

</script>

Результат

Алексей, Вячеслав, Григорий, Яков, Светлана, Эдвард, Анастасия

Многомерный массив allFriends содержит в себе другие массивы friends, friends2 и friends3, а значит и все элементы этих массивов.

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

Как получить доступ к элементам многомерного массива?

Продолжим работать с многомерным массивом allFriends из предыдущего примера.

Допустим нужно вывести из указанного многомерного массива имя «Яков», которое в свою очередь находится в массиве friends2.

Массив friends2, как элемент многомерного массива allFriends имеет индекс 1. А имя «Яков» является элементом массива friends2 и имеет индекс 0.

Для реализации поставленной задачи, то есть, чтобы вывести конкретный элемент многомерного массива, необходимо сначала обратиться к вложенному массиву friends2, затем к элементу вложенного массива – в нашем случае к имени «Яков». То есть нужно последовательно указать оба индекса 1 и 0.

Фрагмент кода

<script type="text/javascript">

var friends = [" Алексей", " Вячеслав", " Григорий"];

var friends2 = [" Яков", " Светлана"];

var friends3 = [" Эдвард", " Анастасия"];

var allFriends = [friends, friends2, friends3];

document.write(allFriends[1][0] + "<p>");

document.write(allFriends[0][2]);

</script>

Результат

Яков

Григорий

Мы рассмотрели, как получать доступ к элементам многомерного массива.

Смешанные многомерные массивы

Для закрепления темы о многомерных массивах, следует создать ещё 2 массива, а потом использовать их для создания смешанного многомерного массива.

Смешанный многомерный массив содержит как простые элементы (числа и строки), так и другие массивы.

Фрагмент кода

<script type="text/javascript">

var fruits = [" Яблоки", " Груши", " Бананы"];

var vegetables = [" Огурцы", " Помидоры", " Свёкла"];

var myFood = [" Хлеб", fruits, " Мясо", vegetables];

document.write("Я ем: " + myFood + "<p>");

document.write("Моя любимая еда: " + myFood[0] + " и" + myFood[3][1]);

</script>

Результат

Я ем: Хлеб, Яблоки, Груши, Бананы, Мясо, Огурцы, Помидоры, Свёкла

Моя любимая еда: Хлеб и Помидоры



Читайте также...



Отзывы и комментарии:

Добавил(а): Василий
Дата: 2020-05-30

Не хватает домашних заданий, чтобы закрепить материал.

Добавил: Admin
Дата: 2020-05-30

Зайдите в раздел «JavaScript на практике» - там есть две заметки по работе с массивами. Прочтите книгу Фримен Эрик и Робсон Элизабет «Изучаем программирование на JavaScript».

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Массивы
Многомерные массивы - Доступ к элементам многомерного массива
3917
Введение в массивы - Создание массивов
4780
Способы вывода данных из массива
7031
Практическая задача - Создание массива
2839
Свойство length - число элементов массива
2489
Добавление элементов в массив
3917
Удаление элементов из Массива
2444
Индекс последнего элемента массива
2707
Практическая задача – Удаление и добавление элементов в массив
2232
Метод splice – Добавление, удаление и замена нескольких элементов
5314
Практическая задача - Метод splice
1864
Метод reverse - Меняем порядок элементов массива
1922
Метод sort - сортировка элементов массива
1889
Метод join – Тип разделителя между элементами массива
1806
Метод concat - Объединение массивов
1656
Метод slice - Копирование элементов массива
1946

Тематические публикации
Популярные заметки
Последние заметки