JS
October 8, 2020

Массивы в Javascript

Массив - это упорядоченная коллекция значений. Значения в массиве называются элементами, и каждый элемент характеризуется числовой позицией в массиве, которая называется индексом. Массивы в языке JavaScript являются нетипизированными: элементы массива могут иметь любой тип, причем разные элементы одного и того же массива могут иметь разные типы. Элементы массива могут даже быть объектами или другими массивами, что позволяет создавать сложные структуры данных, такие как массивы объектов и массивы массивов.

Организация и хранение данных - основополагающая концепция программирования.Один из способов организации данных в реальной жизни - составление списков. Сделаем вот это:

Новогодние Решения:

  1. Ведсти дневник
  2. Взять урок соколиной охоты.
  3. Научиться жонглировать

Давайте теперь напишем этот список на JavaScript в виде массива:

let newYearsResolutions = ['Вести дневник', 'Взять урок соколиной охоты', 'Научиться жонглировать']

Массивы - это способ создания списков в JavaScript. Массивы могут хранить любые типы данных (включая строки, числа и логические значения). Как и списки, массивы упорядочены, то есть каждый элемент имеет пронумерованную позицию.


Массив состоящий из трех элементов. Индексы начинаются с 0

В примере выше:

  • '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км на велосипеде'
  ];
  1. Найдите длину массива целей (objectives) и запишите ее в консоль.

Решение

На этом все.

Далее рассмотрим - методы push() и pop()