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



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

Рис. 3.1. Индексы основного массива показаны красным цветом, а индексы вложенного 
массива — синим


3. Массивы
55
Вводя 
dinosaursAndNumbers[2][0];, мы просим JavaScript обра-
титься к индексу 2 массива 
dinosaursAndNumbers, где находится 
массив 
["трицератопс", "стегозавр", 3627.5], и вернуть значе-
ние с индексом 0 из этого вложенного массива — это первый элемент
"трицератопс". На рис. 3.1 показаны индексы для этих массивов.
Работаем с массивами
Работать с массивами вам помогут свойства и методы. Свойства хранят 
различные сведения о массиве, а методы обычно либо изменяют его, 
либо возвращают новый массив. Давайте разберемся. 
Длина массива
Порой нужно знать, сколько в массиве элементов. Например, если снова 
и снова добавлять динозавров в массив 
dinosaurs, вы можете забыть, 
сколько их теперь всего.
Для этого есть свойство 
length (длина), хранящее количество эле-
ментов в массиве. Чтобы узнать длину массива, просто добавьте 
.length 
после его имени. Давайте посмотрим, как это работает. Но сначала соз-
дадим новый массив с тремя элементами:
var maniacs = ["Якко", "Вакко", "Дот"];
maniacs[0];
"
Якко
"
maniacs[1];
"
Вакко
"
maniacs[2];
"
Дот
"
Чтобы узнать длину этого массива, добавим 
.length к maniacs:
maniacs.length;
3
JavaScript сообщает, что в массиве 3 элемента, и мы знаем, что их 
индексы — 0, 1 и 2. Отсюда следует полезное наблюдение: последний 
индекс массива всегда на единицу меньше длины этого массива. Это 
значит, что есть простой способ получить последний элемент массива, 
какой бы ни была его длина:
maniacs[maniacs.length - 1];
"
Дот
"
Якко, Вакко 
и Дот
— герои 
мультсериала 
«Озорные ани-
машки» (англ. 
Animaniacs) 
о семейке 
Уорнер, соз-
данного ком-
панией Warner 
Bros. 


56
Часть I. Основы
Мы попросили JavaScript вернуть элемент из нашего массива, но вме-
сто числового индекса ввели в квадратных скобках выражение: длина 
массива минус 1. JavaScript нашел свойство 
maniacs.length со значе-
нием 3, вычел 1, получив 2, и наконец вернул элемент с индексом 2 — это 
и есть последний элемент, 
"Дот".
Добавление элементов в массив
Чтобы добавить элемент к концу массива, можно воспользоваться мето-
дом 
push. Введите .push после имени массива, а после в круглых скоб-
ках укажите элемент, который нужно добавить:
var animals = [];
animals.push("Кот");
1
animals.push("Пес");
2
animals.push("Лама");
3
animals;
["
Кот
", "
Пес
", "
Лама
"]
animals.length;
3
Командой 
var animals = []; мы создали пустой мас-
сив 
animals, а затем методом push добавили туда элемент 
"Кот". Потом снова использовали push, добавив "Пес", 
а затем 
"Лама". Запросив теперь содержимое массива 
animals, мы видим, что "Кот", "Пес" и "Лама" стоят там 
в том же порядке, в каком мы их добавляли.
Запуск метода в программировании называется вызо-
вом метода. При вызове метода push происходят две вещи. 
Во-первых, в массив добавляется элемент, указанный в скоб-
ках. Во-вторых, метод задает новую длину массива. Именно 
эти значения длины появляются в консоли после каждого 
вызова 
push.
Чтобы добавить элемент в начало массива, используйте 
метод 
.unshift(элемент):
animals;
["
Кот
", "
Пес
", "
Лама
"]

animals[0];
"
Кот
"
animals.unshift("Мартышка");
4
animals;
Push
— 
буквально 
«протолкнуть, 
добавить» 
Animals
— 
животные


3. Массивы
57
["
Мартышка
", "
Кот
", "
Пес
", "
Лама
"]
animals.unshift("Белый медведь");
5
animals;
["
Белый медведь
", "
Мартышка
", "
Кот
", "
Пес
", "
Лама
"]
animals[0];
"
Белый медведь
"

animals[2];
"
Кот
"
Мы начали с массива, созданного раньше, — 
["Кот", "Пес", "Лама"]. Затем добавили в его 
начало элементы 
"Мартышка" и "Белый медведь", 
отчего остальные элементы сдвинулись вперед — 
при каждом добавлении их индексы увеличивались 
на 1. В результате элемент 
"Кот", у которого раньше 
был индекс 0 , оказался под индексом 2 .
Как и 
push, метод unshift при каждом вызове 
задает новую длину массива.
Удаление элементов массива
Убрать из массива последний элемент можно, добавив к его имени 
.pop(). Метод pop делает сразу два дела: удаляет последний элемент 
из массива и возвращает этот элемент в виде значения. Для примера 
начнем с нашего массива 
animals ["Белый медведь", "Мартышка", 
"Кот", "Пес", "Лама"]. Далее создадим новую переменную lastAnimal 
и сохраним в ней последний элемент, вызвав 
animals.pop().
animals;
["
Белый медведь
", "
Мартышка
", "
Кот
", "
Пес
", "
Лама
"]

var lastAnimal = animals.pop(); 
lastAnimal;
"
Лама
"
animals;
["
Белый медведь
", "
Мартышка
", "
Кот
", "
Пес
"]

animals.pop();
"
Пес
"
animals;
["
Белый медведь
", "
Мартышка
", "
Кот
"]

animals.unshift(lastAnimal);
4
animals;
["
Лама
", "
Белый медведь
", "
Мартышка
", "
Кот
"]
При вызове 
animals.pop() в строке  последний элемент массива 
animals, "Лама", был возвращен и сохранен в переменной lastAnimal. 
Pop
— 
буквально 
«выдавить»
Last animal 
— 
последнее 
животное


58

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




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

    Басты бет