0:00
Добрый день!
На прошлой лекции мы разобрали то, как работать со строками в JavaScript.
Тема нашей сегодняшей лекции – это массивы.
Массивы – это спископодобные структуры,
позволяющие хранить произвольные наборы данных, и содержащие множество
методов для работы с этими данными, и для итерации по этим наборам данных.
Для создания массива вы можете использовать две квадратных скобки:
открывающуюся и закрывающуюся.
Таким образом вы создаете пустой массив.
У массивов, так же как и у строк, есть свойство length, говорящее о том,
какой длины массив и сколько в нем элементов.
В нашем случае это будет пустой массив и длина его будет 0.
Но вы можете сразу же создать массив,
состоящий уже из необходимых вам элементов.
Например, в этом случае мы имеем массив, длина которого 4 и он состоит из чисел.
А в этом – массив из строк, длина которого равнятся 3.
Для наших примеров я буду использовать массив, состоящий из 12 твитов.
Для итерирования по массиву существует специальный оператор for,
который принимает на вход три условия.
1) Условие начала итерирования.
Таким образом, мы получаем индекс первого элемента,
с которого начинается наша итерация по массиву.
2) Условие окончание итерирования.
3) То, каким образом наш итератор и наш индекс будет смещаться на каждом шаге.
Далее, внутри оператора for вы можете обращаться
по указанному индексу к указанному элементу массива с помощью
квадратных скобок, И что-то делать уже с полученным элементом массива.
Для добавления элементов в массив существует специальный метод push – он
добавляет элементы в конец массива и тем самым он увеличивает его длину на единицу.
Для уменьшения длины массива существует метод pop.
Он выталкивает из массива последний элемент и возвращает его.
Для объединения нескольких массивов или для присоединения к массиву какого-то
нового элемента, существует метод concat.
Но важно понимать, что этот метод не изменяет существующего массива,
к которому он применяется.
И не изменяет массива, который в него передается.
То есть для того чтобы получить результаты работы concat,
нам нужно завести новую переменную, в которую мы положим результат выполнения
функции concat к нашему оригинальному массиву.
Как вы видите, мы использовали массив чисел и массив строк и получили в
одной переменной – объединенный массив, а в двух других – наши оригинальные массивы.
Для поиска по массиву существует специальный оператор indexOf.
С помощью него вы можете проверить,
есть ли такой элемент внутри нашего массива и он возвращает,
так же как и для строк, −1 – если мы ничего не нашли,
и индекс нашего вхождения – если мы смогли найти элемент.
Важно помнить, что это первый индекс, первого вхождения.
В нашем случае в приведенном примере мы
проходимся по массиву и проверяем, есть ли в нем...
в каждом из строк – существует ли в них какой-то хештег.
Не все методы для работы с массивами, в отличие от concat,
оставляют массив неизменным.
Некоторые меняют массив, к которому применяются...
и важно понимать разницу между этими методами, и помнить,
какие методы меняют массив, а какие оставляют его неизменным.
Например, метод splice, который будет рассмотрен чуть позже,
меняет структуру текущего массива и всегда возвращает обновленный массив.
Для того чтобы сохранить оригинальный массив, если вам это необходимо,
вы можете воспользоваться методом slice – тем же самым, что я показывал для строк.
И получить с помощью него срез массива.
Если вы вызовете метод slice у массива без аргументов,
то есть по умолчанию это нулевой индекс и индекс последнего элемента,
то вы получите срез, равный всему массиву и создадите тем самым его полную копию.
Метод splice очень удобен для редактирования массива.
Он позволяет вам добавлять в массив новые элементы или
заменять элементы в уже существующем массиве на необходимые вам.
В нашем случае мы добавляем на 5-й и 10-й индексы массива наши рекламные твиты.
И, как вы видите, оригинальный массив остался неизменным,
так как мы сделали его полную копию, а массив,
к которому применялись методы splice, изменился и его длина увеличилась на 2.
Для организации, например, постраничной навигации, вы можете, так же как
и для строк, использовать slice, но уже с указанными значениями начала и конца.
Например, таким образом мы можем увидеть вторую страницу выдачи Твиттера.
На это все.
Мы рассмотрели то, как создавать массивы, то, как по ним итерироваться,
и основные методы для работы с ними.
В дальнейшем, в следующих лекциях будут рассмотрены еще несколько методов, которые
помогут вам еще более удобно работать с массивами и получать из них данные.
На этом все, спасибо!
Сергей Жигаловразработчик интерфейсов, Яндекс
Конев Антонразработчик интерфейсов, Яндекс
Чистяков Денисруководитель службы разработки, Яндекс
