Типы данных подробно on JSFlow

Числа и Math в JavaScript

Mon, 01 Jan 0001 00:00:00 +0000

Числа и Math в JavaScript #

Число в JavaScript — значение типа number: целые, дробные, NaN и бесконечности хранятся в одном типе по стандарту IEEE 754 (64-битное с плавающей точкой). Для цен, скидок, ETA доставки и игровых очков этого достаточно; для очень больших целых есть отдельный тип bigint.

Литералы и базовые операции #

const itemPrice = 490
const quantity = 3
const lineTotal = itemPrice * quantity // 1470

const discountRate = 0.15
const discounted = lineTotal * (1 - discountRate) // 1249.5

const hexColor = 0xff6600 // 16737792 — шестнадцатеричная запись
const binaryFlag = 0b1010 // 10

Деление всегда даёт число с плавающей точкой:

Строки в JavaScript

Mon, 01 Jan 0001 00:00:00 +0000

Строки в JavaScript #

Строка — последовательность символов Unicode в типе string. В JS строки неизменяемы: любой «изменяющий» метод возвращает новую строку. Имена товаров, slug плейлиста, адрес доставки и сообщения чекаута почти всегда проходят через строковые операции.

Литералы и экранирование #

const productName = 'Клавиатура MX'
const playlistTitle = "Focus — Deep Work"
const legalNote = 'Строка с \'кавычками\' внутри'

const multiline = `Строка
на нескольких
строках`

Обратный слэш экранирует спецсимволы:

const path = 'C:\\projects\\jsflow'
const tabbed = 'колонка1\tколонка2'
const newline = 'первая\nвторая'

Шаблонные строки (template literals) #

Обратные кавычки позволяют вставлять выражения через ${...}:

Массивы в JavaScript

Mon, 01 Jan 0001 00:00:00 +0000

Массивы в JavaScript #

Массив — упорядоченная коллекция значений с числовыми индексами от нуля. В JavaScript массив — особый вид объекта: длина length, методы вроде push и возможность хранить элементы любых типов в одном списке. Корзина, треклист и таблица очков естественно моделируются массивом.

Создание массива #

const cart = []
const playlist = ['Night Drive', 'Soft Code', 'Buffer']
const scores = new Array(3) // [empty × 3] — редко нужно на практике

const fromString = Array.from('abc') // ["a", "b", "c"]
const filled = Array.from({ length: 3 }, (_, i) => i + 1) // [1, 2, 3]

Литерал [] — самый читаемый способ.

Методы массивов в JavaScript

Mon, 01 Jan 0001 00:00:00 +0000

Методы массивов в JavaScript #

Методы массивов — встроенные функции для перебора, преобразования и агрегации без ручных циклов с индексами. map, filter и reduce — основа обработки корзины, рейтингов и плейлистов в современном JS; важно понимать, какие методы мутируют исходный массив, а какие возвращают новый.

forEach: побочные эффекты #

forEach ничего не возвращает (undefined); подходит для логирования или вызова API:

const cart = [
 { sku: 'kb-01', qty: 1 },
 { sku: 'ms-02', qty: 3 },
]

cart.forEach((line) => {
 console.log(line.sku, line.qty)
})

Если нужен новый массив — map, не forEach с push.

Map и Set в JavaScript

Mon, 01 Jan 0001 00:00:00 +0000

Map и Set в JavaScript #

Map и Set — встроенные коллекции ES2015: Map хранит пары ключ–значение с ключами любого типа, Set — только уникальные значения. Они дополняют обычные объекты {} и массивы, когда важны частые добавления/удаления, предсказуемый размер или гарантия уникальности (теги трека, id курьеров, кэш ETA).

Set: уникальные значения #

const tags = new Set(['focus', 'work', 'focus', 'instrumental'])

tags.size // 3
tags.has('work') // true
tags.add('night')
tags.delete('work')

Порядок итерации — порядок вставки.

Преобразование массива в уникальный список:

Деструктуризация в JavaScript

Mon, 01 Jan 0001 00:00:00 +0000

Деструктуризация в JavaScript #

Деструктуризация — синтаксис извлечения полей из объекта или элементов из массива в отдельные переменные за одно присваивание. Она сокращает шаблонный код в обработчиках заказов, ответах API и параметрах функций, не меняя исходные данные (если вы не переназначаете сами поля).

Деструктуризация массива #

const pair = ['express', 399]
const [type, fee] = pair
// type === 'express', fee === 399

Пропуск элементов:

const rgb = [255, 120, 64]
const [r, , b] = rgb
// r === 255, b === 64

Обмен без временной переменной:

Дата и время в JavaScript

Mon, 01 Jan 0001 00:00:00 +0000

Дата и время в JavaScript #

Объект Date хранит момент времени как число миллисекунд с 1 января 1970 UTC (Unix-эпоха) и предоставляет методы чтения календарных полей в локальной зоне браузера или в UTC. Для слотов доставки, таймеров оплаты и меток «когда обновлён плейлист» этого хватает; для сложной бизнес-логики с часовыми поясами позже подключают специализированные библиотеки.

Создание Date #

const now = new Date() // текущий момент

const fromString = new Date('2026-04-12T14:30:00')
const fromParts = new Date(2026, 3, 12, 14, 30) // месяц 0-based: 3 = апрель
const fromTimestamp = new Date(1_714_000_000_000) // миллисекунды с эпохи

Строки без смещения (Z или +03:00) часто трактуются как локальное или UTC в зависимости от формата — для API надёжнее передавать ISO с зоной:

JSON в JavaScript

Mon, 01 Jan 0001 00:00:00 +0000

JSON в JavaScript #

JSON (JavaScript Object Notation) — текстовый формат обмена данными: объекты, массивы, строки, числа, true/false и null. В браузере и Node.js пара JSON.stringify / JSON.parse связывает объекты в памяти с телом HTTP-запроса чекаута, ответом списка треков или сохранённой корзиной в localStorage.

Что такое JSON #

JSON — не «весь JavaScript», а узкий поднабор значений:

Допустимо в JSON	Нет в JSON
объект `{ "key": value }`	`undefined`
массив `[1, 2]`	функции
строка `"text"`	`Symbol`
число `42`, `3.14`	`BigInt` (без обходных путей)
`true`, `false`, `null`	`Date` как тип (только строка)

Ключи объектов в JSON в двойных кавычках: