Использование Spread Operator для объединения массивов или объектов
Spread Operator (оператор расширения) позволяет развертывать элементы массива или свойства объекта в другой массив или объект.
JavaScript test
Spread Operator (оператор расширения) позволяет развертывать элементы массива или свойства объекта в другой массив или объект.
JavaScript test
Значение как число
Вы когда-нибудь обращали внимание, что "event.target.value" всегда возвращает строковое значение, даже если для поля ввода "input" задан тип "number"?
Чтобы сразу получать числовое значение, используйте
JavaScript test
Вы когда-нибудь обращали внимание, что "event.target.value" всегда возвращает строковое значение, даже если для поля ввода "input" задан тип "number"?
Чтобы сразу получать числовое значение, используйте
"event.target.valueAsNumber".JavaScript test
BOM (Browser Object Model)
Объектная модель браузера (Browser Object Model, BOM) – это дополнительные объекты, предоставляемые браузером (окружением), чтобы работать со всем, кроме документа.
Например:
- Объект
- Объект
Пример как мы можем использовать объект
Функции
JavaScript test
Объектная модель браузера (Browser Object Model, BOM) – это дополнительные объекты, предоставляемые браузером (окружением), чтобы работать со всем, кроме документа.
Например:
- Объект
navigator даёт информацию о самом браузере и операционной системе. Среди множества его свойств самыми известными являются: navigator.userAgent – информация о текущем браузере, и navigator.platform – информация о платформе (может помочь в понимании того, в какой ОС открыт браузер – Windows/Linux/Mac и так далее).- Объект
location позволяет получить текущий URL и перенаправить браузер по новому адресу.Пример как мы можем использовать объект
location показан на рисунке.Функции
alert/confirm/prompt тоже являются частью BOM: они не относятся непосредственно к странице, но представляют собой методы объекта окна браузера для коммуникации с пользователем.JavaScript test
Использование Set для хранения уникальных значений
Set предоставляет коллекцию уникальных значений, и дубликаты автоматически удаляются.
JavaScript test
Set предоставляет коллекцию уникальных значений, и дубликаты автоматически удаляются.
JavaScript test
Изменение прототипа объекта
Если изменить свойство в прототипе, оно изменится и во всех объектах-наследниках
JavaScript test
Если изменить свойство в прототипе, оно изменится и во всех объектах-наследниках
JavaScript test
Проверка свойства в прототипе
Оператор
JavaScript test
Оператор
in проверяет наличие свойства в объекте или его прототипеJavaScript test
Использование Map для хранения пар "ключ-значение"
Map предоставляет структуру для хранения данных в виде пар "ключ-значение", где ключи могут быть любого типа.
JavaScript test
Map предоставляет структуру для хранения данных в виде пар "ключ-значение", где ключи могут быть любого типа.
JavaScript test
Метод includes()
Метод
Для использования метода
В приведенном примере у нас есть массив
JavaScript test
Метод
includes() в JavaScript используется для проверки наличия определенного элемента в массиве или строке. Он возвращает булевое значение, указывающее, найден ли элемент.Для использования метода
includes(), вызовите его на массиве или строке, над которыми хотите выполнить поиск. Передайте в качестве аргумента элемент, который вы ищете. Метод вернет true, если элемент найден, и false, если элемент отсутствует.В приведенном примере у нас есть массив
['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод includes('груша'), чтобы проверить, содержит ли массив элемент 'груша'. Метод возвращает true, так как 'груша' присутствует в массиве. Затем мы вызываем метод includes('слива'), чтобы проверить, содержит ли массив элемент 'слива'. Метод возвращает false, так как 'слива' отсутствует в массиве. Результаты выводятся в консоль.JavaScript test
Использование async/await для управления асинхронными операциями
async/await предоставляют удобный способ работы с асинхронным кодом, делая его более читаемым и управляемым.
JavaScript test
async/await предоставляют удобный способ работы с асинхронным кодом, делая его более читаемым и управляемым.
JavaScript test
Метод Object.entries
Этот метод возвращает массив массивов, представляющих пары "ключ-значение".
JavaScript test
Этот метод возвращает массив массивов, представляющих пары "ключ-значение".
JavaScript test
Использование Higher-Order Functions для обработки массивов
Higher-Order Functions (функции высшего порядка) принимают или возвращают другие функции, и их использование делает код более гибким и функциональным.
JavaScript test
Higher-Order Functions (функции высшего порядка) принимают или возвращают другие функции, и их использование делает код более гибким и функциональным.
JavaScript test