Структуры данных на JavaScript
Структурой данных называется способ организации или хранения данных для эффективного с ними взаимодействия. В программировании мы все время взаимодействуем с какими-нибудь данными, например с массивами или переменными. Давайте перечислим, а какие структуры данных вообще существуют в JavaScript.
1) Переменные (variables)
Переменная относится к самой простой структуре данных. Одна переменная занимает одну именованную ячейку памяти, в которой можно хранить любые данные для дальнейшего использования в JavaScript коде. Под любыми данными подразумеваются числа, текст и даже массивы или объекты. Для наглядности, пример из реальной жизни: коробка с пиццей - это именованная переменная, а значение переменной - сама пицца внутри коробки.
Как бы мы в JavaScript коде записали, что у нас есть переменная Pizza? Объявление переменной начинается с ключевого слова let, в старых программах все еще используется слово var. После слова let, через пробел записывается имя переменной. Для того, чтобы записать значение переменной, указываем знак присваивания (=). Затем в одинарных или двойных кавычках записываем значение переменной. Так мы создали простейшую структуру данных - переменную и присвоили ей значение.
let Pizza = "Пицца";
2) Массивы (array)
Массивы состоят из списков однотипных элементов, с которыми мы можем взаимодействовать по отдельности, обращаясь к ним по индексу. Если продолжить аналогию с коробкой пиццы, то представьте, что массив - это полка с несколькими коробками пицц. Каждая коробка пиццы является элементом массива и имеет свой индекс (порядковый номер) в массиве (на полка).
Массив заключен в квадратные скобки и состоит из элементов. Каждый элемент записывается в одинарных кавычках (если это строка) и отделен друг от друга запятой. Создание массива в JavaScript начинается с объявления именованной переменной, которой мы присваиваем в качестве значения массив. Объявим переменную pizzaStorage и внутри квадратных скобок поместим элементы (коробки с разными пиццами).
let pizzaStorage = ['Маргарита', 'Сицилийская', 'Гавайская', 'Капричоза', 'Охотничья'];
Например я хочу достать с полки коробку пиццы под названием «Маргарита». В массиве на JavaScript мы не можем напрямую обратиться по названию пиццы. Как уже говорилось выше, у каждого элемента массива есть порядковый номер (индекс). Поскольку Маргарита находится в списке на первом месте, то ее индекс равен 0. В программировании отсчет ведется с нуля. Сначала мы пишем название массива и в квадратных скобках указываем индекс нужного нам элемента.
pizzaStorage [0]; // Маргарита
pizzaStorage [1]; // Сицилийская
pizzaStorage [2]; // Гавайская
3) Объекты (Object)
В данной структуре данных мы описываем один объект - контейнер состоящий из ключей и свойств. Если объектом является пицца, то какие у него могут быть свойства? У объекта Pizza может быть название, цена, основной компонент, вес.
Объявляем переменную pizza и присваиваем ей объект, внутри фигурных скобок перечисляем свойства объекта. Название свойства пиццы и ее значение образуют типичную пару объекта: ключ -> значение.
let pizza = {
name: "Капричоза", // под ключом "name" хранится значение "Капричоза"
price: "560 рублей",
component: "салями",
weight: "400 грамм",
};
В отличии от массивов, чтобы вытащить значение объекта, к нему следует обратиться по ключу. Пишем имя объекта, ставим точку и указываем ключ, значение которого хотим вывести.
console.log(pizza.name); // Капричоза
4) Множество (Set)
Во множествах хранятся только уникальные значения любого типа данных.
5) Карта (Map)
Map это аналог объекта, в том плане, что он также состоит из пар: ключ -> значение.
Изучайте более основательно JavaScript на моем видеокурсе, чтобы профессионально заниматься веб-разработкой.
-
Создано 07.05.2021 10:47:50
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.