.indexOf()

Этот метод служит для поиска. Он определён для массивов и строк.

При вызове нужно передать, что искать. Вернётся индекс первого найденного элемента или -1, если ничего не нашлось.

#массивы #indexOf

Подробнее

.length

Свойство length возвращает количество элементов в массиве. Если элементов нет, то свойство возвращает 0.

#массивы #length

Подробнее

Array.from()

Функция Array.from() создаёт новый массив на основе переданного объекта. Объект должен быть либо массивоподобным (как строка или объект arguments), либо итерируемым (как Set или Map).

#массивы #Arrayfrom

Подробнее

Синхронизация между атрибутами и свойствами

Когда стандартный атрибут изменяется, соответствующее свойство автоматически обновляется. Это работает и в обратную сторону (за некоторыми исключениями).

В примере выше id модифицируется как атрибут, и можно увидеть, что свойство также изменено. То же самое работает и в обратную сторону.

#браузер #документ #атрибуты_свойств

Дескрипторы

Объекты, как мы знаем, содержат свойства. У каждого из свойств объекта, кроме значения, есть ещё три флага конфигурации, которые могут принимать значения true или false. Эти флаги называются дескрипторами:

• writable — доступно ли свойство для записи;
• enumerable — является ли свойство видимым при перечислениях (например, в цикле for..in);
• configurable — доступно ли свойство для переконфигурирования.

Когда мы создаём свойство объекта «обычным способом», эти три флага устанавливаются в значение true.

Для изменения значений дескрипторов применяется статический метод Object.defineProperty(), а для чтения значений — Object.getOwnPropertyDescriptors().

Другими словами, дескрипторы — это пары ключ-значение, которые описывают поведение свойства объекта при выполнении операций над ним (например, чтения или записи).

#объекты #Дескрипторы

Подробнее

Array.isArray()

Статический метод Array.isArray() проверяет, является ли переданный аргумент массивом. Возвращает true, если является, и false — если нет.

#массивы #ArrayisArray

Подробнее

Объект

Кроме примитивных типов в JavaScript существуют и сложные — например, объект.

Объект (object) — это набор свойств. Каждое свойство состоит из названия и значения. Название может быть строкой или символом, а значение может быть любым.

Объекты в JavaScript используются повсюду, особенно для хранения данных. Для уверенной работы с объектами необходимо знать, как создавать объект, как его изменять и как читать значения свойств.

#объекты #Объект

Подробнее

.toString()

Метод toString() преобразует объект в строковое представление. Метод автоматически вызывается JavaScript, когда объект нужно представить в текстовом виде.

Если метод не переопределён, то он возвращает строку формата [object тип], где тип — это строка, которая уточняет тип объекта. В подавляющем большинстве вы будете видеть вывод [object Object].

#объекты #toString

Подробнее

DOM-свойства типизированы

DOM-свойства не всегда являются строками. Например, свойство input.checked (для чекбоксов) имеет логический тип.

Есть и другие примеры. Атрибут style – строка, но свойство style является объектом.

Хотя большинство свойств, всё же, строки.

При этом некоторые из них, хоть и строки, могут отличаться от атрибутов. Например, DOM-свойство href всегда содержит полный URL, даже если атрибут содержит относительный URL или просто #hash.

#браузер #документ #свойства_узлов

Почти всё в JavaScript — объект

В JavaScript объект является прародителем всех других сущностей. Все типы данных и структуры, кроме примитивных, являются потомками объекта. По этой причине абсолютно у всех наследников объекта имеется набор общих методов: toString(), valueOf() и др.

#объекты #объект

Подробнее

Set

Set (по-русски говорят множество) — коллекция для хранения уникальных значений любого типа. Одно и то же значение нельзя добавить в Set больше одного раза.

Set — это неиндексированная коллекция, положить элемент в коллекцию можно, но достать нельзя. По элементам коллекции можно итерироваться.

Основные методы для работы с коллекцией:

• add() — добавить элемент.
• delete() — удалить элемент.
• has() — проверить, есть ли элемент в коллекции.
• clear() — очистить коллекцию.
• forEach() — выполнить функцию для каждого элемента в коллекции, аналогично одноимённому методу массива.

Содержит свойство size для получения количества элементов в коллекции.

#множества #Set

Подробнее

.keys()

Возвращает итератор для обхода значений коллекции Set в порядке добавления значений в коллекцию.

Обычно метод keys() возвращает итератор для обхода ключей коллекции, но так как коллекция Set не имеет ключей, то для поддержки универсального интерфейса итератор возвращает значения.

Метод используется редко, правильнее использовать метод values(), так как он даёт лучшую читаемость коду.

#множества #keys

Подробнее

.add()

Метод add() добавляет значение в коллекцию Set. Если значение уже есть в коллекции, то вызов игнорируется.

#множества #add

Подробнее

.entries()

Возвращает итератор, который обходит массив пар [значение, значение] коллекции Set в порядке добавления этих значений в коллекцию.

Обычно метод entries() возвращает итератор с парой [ключ, значение] коллекции, но так как коллекции Set не имеют ключей, то для поддержки универсального интерфейса итератор возвращает пару из одного и того же значения.

Метод используется редко.

#множества #entries

Подробнее

.size

Свойство size содержит количество значений, находящихся в коллекции Set. Доступно только для чтения.

#множества #size

Подробнее

try...catch

Конструкция try...catch позволяет выполнить произвольный код, но если в нем произошла ошибка, то программа не остановит своё выполнение, а перейдёт в блок catch, где ошибку можно обработать.

#обработка_исключений #trycatch

Подробнее

Error и стандартные ошибки

Программа может работать правильно, только если код написан корректно и не содержит ошибок. JavaScript умеет обрабатывать некорректный код и сообщать об ошибке в коде. Существует семь встроенных видов ошибок, также можно создать свои собственные. Встроенные ошибки генерируются самим движком JavaScript при выполнении программы, а пользовательские — создаются с помощью конструктора Error. Оба типа ошибок можно ловить в конструкции try...catch.

#обработка_исключений #errors

Подробнее

Объект Math

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

#Math #Math

Подробнее

Math.floor(), Math.round(), Math.ceil() и Math.trunc()

Объект Math содержит набор методов, который используется для округления чисел:

• round() — округление по обычным правилам;
• floor() — округление вниз;
• ceil() — округление вверх;
• trunc() — отбрасывание дробной части, не обращая внимания на знак аргумента.

#Math #Math

Подробнее

Math.random()

Одна из самых часто используемых функции объекта Math. Возвращает случайное число в диапазоне от 0 до 1, не включая 1.

#Math #Mathrandom

Подробнее