JavaScript для детей. Самоучитель по программированию



Pdf көрінісі
бет21/43
Дата20.07.2022
өлшемі6,41 Mb.
#37806
1   ...   17   18   19   20   21   22   23   24   ...   43
Байланысты:
JavaScript для детей


Часть I. Основы
Доступ к элементам массива
Чтобы получить доступ к элементам массива, используйте квадратные 
скобки с индексом нужного вам элемента, как в этом примере:
dinosaurs[0];
"
Тираннозавр
"
dinosaurs[3];
"
Трицератопс
"
Индекс — это номер элемента, в котором хранится значение. 
Аналогично символам в строке, первому элементу массива соответствует 
индекс 0, второму — 1, третьему — 2 и т. д. Поэтому, запросив индекс 
0 в массиве 
dinosaurs, мы получили "Тираннозавр" (это первый эле-
мент), а запросив индекс 3 — 
"Трицератопс" (четвертый элемент). 
Возможность доступа к отдельным элементам массива очень полез-
на. Например, если вы хотите показать кому-то самого-самого любимого 
своего динозавра, ни к чему показывать весь массив. Вместо этого про-
сто возьмите первый элемент:
dinosaurs[0];
"
Тираннозавр
"


3. Массивы
53
Создание и изменение элементов
Используя индекс в квадратных скобках, можно задавать или изме-
нять значения элементов и даже добавлять новые элементы. Например, 
чтобы заменить содержимое первого элемента массива 
dinosaurs 
(
"Тираннозавр") на "Тираннозавр рекс", можно написать:
dinosaurs[0] = "Тираннозавр рекс";
После этого массив 
dinosaurs станет таким:
["
Тираннозавр рекс
", "
Велоцираптор
", "
Стегозавр
", "
Трицератопс
", 
"
Брахиозавр
", "
Птеранодон
", "
Апатозавр
", "
Диплодок
", 
"
Компсогнат
”]
С помощью индексов также можно добавлять в массив элементы. 
Например, вот как создать массив 
dinosaurs, задавая каждый элемент 
через квадратные скобки:
var dinosaurs = [];
dinosaurs[0] = "Тираннозавр";
dinosaurs[1] = "Велоцираптор";
dinosaurs[2] = "Стегозавр";
dinosaurs[3] = "Трицератопс";
dinosaurs[4] = "Брахиозавр";
dinosaurs[5] = "Птеранодон";
dinosaurs[6] = "Апатозавр";
dinosaurs[7] = "Диплодок";
dinosaurs[8] = "Компсогнат";
dinosaurs;
["
Тираннозавр
", "
Велоцираптор
", "
Стегозавр
", "
Трицератопс
", 
"
Брахиозавр
", "
Птеранодон
", "
Апатозавр
", "
Диплодок
", 
"
Компсогнат
”]
Сначала создаем пустой массив: 
var dinosaurs = []. Затем 
в каждой из следующих строк добавляем по одному элементу коман-
дами 
dinosaurs[] с индексом от 0 до 8. Закончив наполнение мас-
сива, можно посмотреть его содержимое (набрав 
dinosaurs;) и убе-
диться, что JavaScript расположил значения по порядку, в соответствии 
с индексами.


54
Часть I. Основы
На самом деле в массив можно добавить элемент с любым индексом. 
Например, чтобы добавить нового (выдуманного) динозавра с индексом 33, 
введем:
dinosaurs[33] = "Филосораптор";
dinosaurs;
["
Тираннозавр
", "
Велоцираптор
", "
Стегозавр
", "
Трицератопс
", 
"
Брахиозавр
", "
Птеранодон
", "
Апатозавр
", "
Диплодок
", 
"
Компсогнат
", 
undefined × 24 
"
Филосораптор
"]
Элементы между индексами 8 и 33 получат значение 
undefi ned. При 
печати массива Chrome сообщает количество этих undefi ned-элементов, 
а не выводит каждый из них по отдельности. 
Разные типы данных в одном массиве
Не обязательно, чтобы все элементы массива были одного типа. Например, 
вот массив, в котором хранится число (3), строка (
"динозавры"), массив 
(
["трицератопс", "стегозавр", 3627.5]) и еще одно число (10):
var dinosaursAndNumbers = [3, "динозавры", ["трицератопс", 

"стегозавр", 3627.5], 10];
Чтобы обратиться к элементам массива, вложенного в другой мас-
сив, нужно использовать вторую пару квадратных скобок. Например, 
если команда 
dinosaursAndNumbers[2]; вернет весь вложенный мас-
сив, то 
dinosaursAndNumbers[2][0]; — лишь первый элемент этого 
вложенного массива (
"трицератопс").
dinosaursAndNumbers[2];
["
трицератопс
", "
стегозавр
", 
3627.5
]
dinosaursAndNumbers[2][0];
"
трицератопс
"
Dinosaurs 
and numbers
— 
динозавры 
и числа
[3, "динозавры", ["трицератопс", "стегозавр", 3627.5], 10];
индекс
[0]
индекс
[1]
индекс
[2]
индекс
[3]
индекс
[2][0]
индекс
[2][1]
индекс
[2][2]


Достарыңызбен бөлісу:
1   ...   17   18   19   20   21   22   23   24   ...   43




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет