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

animals, мы видим, что "Кот", "Пес" и "Лама" стоят там

в том же порядке, в каком мы их добавляли.

Запуск метода в программировании называется вызо-

вом метода . При вызове метода push происходят две вещи.

Во-первых, в массив добавляется элемент, указанный в скоб-

ках. Во-вторых, метод задает новую длину массива. Именно

эти значения длины появляются в консоли после каждого

вызова push.

Чтобы добавить элемент в начало массива, используйте

метод .unshift(элемент):

animals;

["Кот", "Пес", "Лама"]

 animals[0];

"Кот"

animals.unshift("Мартышка");

4

animals;

56 Часть I. Основы

["Мартышка", "Кот", "Пес", "Лама"]

animals.unshift("Белый медведь");

5

animals;

["Белый медведь", "Мартышка", "Кот", "Пес", "Лама"]

animals[0];

"Белый медведь"

 animals[2];

"Кот"

Мы начали с массива, созданного раньше, —

["Кот", "Пес", "Лама"]. Затем добавили в его

начало элементы "Мартышка" и "Белый медведь",

отчего остальные элементы сдвинулись вперед —

при каждом добавлении их индексы увеличивались

на 1. В результате элемент "Кот", у которого раньше

был индекс 0 , оказался под индексом 2 .

Как и push, метод unshift при каждом вызове

задает новую длину массива.

Удаление элементов массива

Убрать из массива последний элемент можно, добавив к его имени

.pop(). Метод pop делает сразу два дела: удаляет последний элемент Pop —

из массива и возвращает этот элемент в виде значения. Для примера

буквально

начнем с нашего массива animals ["Белый медведь", "Мартышка",

«выдавить»

"Кот", "Пес", "Лама"]. Далее создадим новую переменную lastAnimal Last animal —

и сохраним в ней последний элемент, вызвав animals.pop().

последнее

животное

animals;

["Белый медведь", "Мартышка", "Кот", "Пес", "Лама"]

 var lastAnimal = animals.pop();

lastAnimal;

"Лама"

animals;

["Белый медведь", "Мартышка", "Кот", "Пес"]

 animals.pop();

"Пес"

animals;

["Белый медведь", "Мартышка", "Кот"]

 animals.unshift(lastAnimal);

4

animals;

["Лама", "Белый медведь", "Мартышка", "Кот"]

При вызове animals.pop() в строке  последний элемент массива

animals, "Лама", был возвращен и сохранен в переменной lastAnimal.

3. Массивы 57

Кроме того, элемент "Лама" был удален из массива, в котором после

этого осталось четыре элемента. При следующем вызове animals.pop()

в строке  был удален из массива и возвращен элемент "Пес", а элемен-

тов в массиве осталось всего три.

Вызвав animals.pop() для элемента "Пес", мы не сохранили это

значение в переменной, и оно пропало. С другой стороны, элемент "Лама"

был сохранен в переменной lastAnimal, чтобы при случае им можно было

снова воспользоваться. В строке  мы с помощью unshift(lastAnimal)

добавили "Лама" обратно, в начало массива. В итоге получился массив

["Лама", "Белый медведь", "Мартышка", "Кот"].

Методы push и pop хорошо друг друга дополняют, поскольку порой

нужно работать только с концом массива. Вы можете добавить элемент

в конец вызовом push, а потом, когда это понадобится, забрать его оттуда

вызовом pop. Мы рассмотрим это на примере чуть позже в этой главе.

"

"Лама

["Белый медведь", "Мартышка", "Кот", "Пес", ]

push

pop

"Лама

["Кот", "Пес", ]

"

Чтобы удалить из массива первый элемент, вернув его значение,

используйте .shift():

animals;

["Лама", "Белый медведь", "Мартышка", "Кот"]

First animal —

var firstAnimal = animals.shift();

первое

firstAnimal;

животное

"Лама"

animals;

["Белый медведь", "Мартышка", "Кот"]

Метод animals.shift() работает аналогично animals.pop(),

но элемент берется из начала массива. В начале этого примера массив

animals имел вид ["Лама", "Белый медведь", "Мартышка", "Кот"].

Вызов .shift() вернул первый элемент, "Лама", который мы сохранили

в переменной fi rstAnimal. Поскольку .shift() не только возвращает

элемент, но и удаляет его, в массиве animals осталось лишь ["Белый

медведь", "Мартышка", "Кот"].

58 Часть I. Основы

Методы unshift и shift добавляют и удаляют элементы с начала

массива — так же как push и pop добавляют и удаляют элементы с конца.

"Лама"

[ , "Белый медведь", "Мартышка", "Кот"]

shift

unshift

"Лама"

[ , "Белый медведь", "Мартышка", "Кот"]

Объединение массивов

Чтобы «склеить» два массива, создав таким образом

новый массив, используйте команду fi rstArray.

First Array —

concat(otherArray). Метод concat создает мас-

первый массив

сив, в котором элементы из fi rstArray будут распо-

Other Array —

ложены перед элементами из otherArray.

другой массив

Пускай у нас есть два списка — список

пушистых животных и список чешуйчатых

животных — и мы хотим их объединить. Если

поместить наших пушистых животных в мас-

Furry animals —

сив furryAnimals, а чешуйчатых — в мас-

пушистые

сив scalyAnimals, команда furryAnimals.

животные

concat(scalyAnimals) создаст новый массив,

Scaly animals —

в начале которого будут элементы из первого мас-

чешуйчатые

сива, а в конце — из второго.

животные

var furryAnimals = ["Альпака", "Кольцехвостый лемур", "Йети"]; var scalyAnimals = ["Удав", "Годзилла"];

var furryAndScalyAnimals = furryAnimals.concat(scalyAnimals);

Furry and scaly

furryAndScalyAnimals;

animals —

["Альпака", "Кольцехвостый лемур", "Йети", "Удав", "Годзилла"]

пушистые

и чешуйчатые

furryAnimals;

животные

["Альпака", "Кольцехвостый лемур", "Йети"]

scalyAnimals;

["Удав", "Годзилла"]

3. Массивы 59

Хоть команда fi rstArray.concat(otherArray) и возвращает мас-

сив, содержащий все элементы из fi rstArray и otherArray, сами эти

массивы остаются прежними. Запросив содержимое furryAnimals

и scalyAnimals, мы видим, что массивы не изменились.

Объединение нескольких массивов

С помощью concat можно объединить больше чем два массива. Для этого

укажите дополнительные массивы в скобках, разделив их запятыми:

var furryAnimals = ["Альпака", "Кольцехвостый лемур", "Йети"]; Feathered

var scalyAnimals = ["Удав", "Годзилла"];

Animals —

var featheredAnimals = ["Ара", "Додо"];

животные

var allAnimals = furryAnimals.concat(scalyAnimals, 

с перьями

featheredAnimals);

All animals —

allAnimals;

все животные

["Альпака", "Кольцехвостый лемур", "Йети", "Удав", "Годзилла",

"Ара", "Додо"]

Мы видим, что пернатые животные из массива featheredAnimals

оказались в самом конце нового массива, поскольку featheredAnimals

был указан последним в скобках метода concat.

Метод concat удобен, когда нужно объединить несколько массивов

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

тоже есть свой список, и вы решили выяснить, можно ли купить все эти

книги в магазине по соседству. Тогда будет проще, если у вас будет не два

списка, а один. Просто объедините ваш список со списком вашего друга

методом concat, и пожалуйста — у вас один список на двоих!

Поиск индекса элемента в массиве

Чтобы выяснить, какой у определенного элемента индекс в мас-

Color — цвет

сиве, используйте .indexOf("элемент"). Создадим массив colors

с названиями цветов, а затем получим индексы элементов «синий»