Массивы в Javascript
Массив - это упорядоченная коллекция значений. Значения в массиве называются элементами, и каждый элемент характеризуется числовой позицией в массиве, которая называется индексом. Массивы в языке JavaScript являются нетипизированными: элементы массива могут иметь любой тип, причем разные элементы одного и того же массива могут иметь разные типы. Элементы массива могут даже быть объектами или другими массивами, что позволяет создавать сложные структуры данных, такие как массивы объектов и массивы массивов.
Организация и хранение данных - основополагающая концепция программирования.Один из способов организации данных в реальной жизни - составление списков. Сделаем вот это:
Новогодние Решения:
- Ведсти дневник
- Взять урок соколиной охоты.
- Научиться жонглировать
Давайте теперь напишем этот список на JavaScript в виде массива:
let newYearsResolutions = ['Вести дневник', 'Взять урок соколиной охоты', 'Научиться жонглировать']
Массивы - это способ создания списков в JavaScript. Массивы могут хранить любые типы данных (включая строки, числа и логические значения). Как и списки, массивы упорядочены, то есть каждый элемент имеет пронумерованную позицию.
В примере выше:
'cities'
это массив из трех элементов- Мы используем скобку
[ ]
с индексом после имени массива для доступа к элементу. - City
[0]
будет обращаться к элементу с индексом 0 в массивеcities
. - город с индексом [0] содержит строку 'New York'
Интересно, что со строкой можно обращаться как с массивом:
const hello = 'Hello World' console.log(hello[6]) // Output: W
А вот пример того что будет если в массиве три элемента и я пытаюсь обратиться к четвертому которого не существует:
const famousSayings = [ 'Fortune favors the brave.', 'A joke is a very serious thing.', 'Where there is love there is life.' ] const listItem = famousSayings[0] console.log(listItem) // Fortune favors the brave. console.log(famousSayings[2]) // Where there is love there is life.console.log(famousSayings[3]) // undefined
Обновление элементов:
let seasons = ['Winter', 'Spring', 'Summer', 'Fall'] seasons[3] = 'Autumn' // просто присваиваем индексу значение console.log(seasons) //Output: ['Winter', 'Spring', 'Summer', 'Autumn']
Свойство .length
Одним из встроенных свойств массива является длина, и оно возвращает количество элементов в массиве. Мы получаем доступ к свойству .length
так же, как и к строкам. Посмотрите пример ниже:
const newYearsResolutions = ['Внсти дневник', 'Взять урок соколиной охоты']; console.log(newYearsResolutions.length); // Output: 2
В приведенном выше примере мы регистрируем newYearsResolutions.length
в консоли, выполнив следующие действия:
- Мы используем точечную нотацию, связывая точку с именем свойства с массивом, чтобы получить доступ к свойству
length
массиваnewYearsResolutions
. - Затем мы записываем длину
newYearsResolution
в консоль. - Поскольку
newYearsResolution
имеет два элемента, поэтому их количество 2 будут выведены в консоль.
Когда мы хотим узнать, сколько элементов находится в массиве, мы можем получить это через свойство .length
.
Практика
const objectives = [ 'Изучить новый язык', 'Прочесть 5 новых книг', 'Проехать 200км на велосипеде' ];
- Найдите длину массива целей (
objectives
) и запишите ее в консоль.
На этом все.
Далее рассмотрим - методы push() и pop()