Как добавить класс к заданному элементу в JavaScript

Если вы хотите добавить класс к элементу HTML, не заменяя его существующий класс, вы можете сделать, как показано в следующем примере: В приведенном выше примере функция addNewClass() добавляет нового класс highlight к элементу DIV, у которого уже есть класс box, без его удаления или замены с помощью свойства className. Кроме того, вы также можете использовать…

Как динамически получить доступ к свойству объекта с помощью переменной в JavaScript

Есть два способа получить доступ или получить значение свойства из объекта — запись с точкой (.), Например obj.foo, и запись с квадратными скобками ([]), например obj[foo]. Там, где точечную нотацию легче читать и писать, нотация с квадратными скобками предлагает гораздо большую гибкость, поскольку значение между скобками может быть любой переменной или выражением. Следовательно, если имя…

Как проверить, содержит ли строка подстроку в JavaScript

Самый простой и быстрый способ проверить, содержит ли строка подстроку в JavaScript или нет, — это метод indexOf(). Этот метод возвращает индекс или позицию первого вхождения подстроки в строке, в противном случае он возвращает -1, если совпадение не найдено. Вот пример: В ES6 вы можете использовать метод includes(), чтобы проверить, содержит ли строка подстроку. Этот…

Как преобразовать дату UTC в местное время в JavaScript

Вы можете просто использовать метод toString() для преобразования даты в формате UTC или GMT в местное время в JavaScript. Среднее время по Гринвичу (GMT) — это часовой пояс, а всемирное координированное время (UTC) — это стандарт времени. Хотя на практике время GMT и UTC совпадает. Давайте посмотрим следующий пример, чтобы понять, как на самом деле…

Как преобразовать объект JavaScript в строку JSON

Вы можете использовать метод JSON.stringify(), чтобы легко преобразовать объект JavaScript в строку JSON. Давайте посмотрим на следующий пример, чтобы увидеть, как это работает: Подробнее см. Руководство по синтаксическому анализу JSON в JavaScript, чтобы узнать больше о кодировании / декодировании данных JSON.

Как определить функцию в JavaScript

В JavaScript функции определяются с помощью ключевого слова function, за которым следует имя функции, пара круглых скобок (открывающая и закрывающая) и блок кода. Синтаксис: function myFunction(){} Давайте посмотрим на следующий пример, чтобы понять, как определить функцию в JS.

Как найти максимальное и минимальное значения массива в JavaScript

Вы можете использовать методы Math.max() и Math.min() в сочетании с методом apply(), чтобы найти максимальное или минимальное значение в массиве или подобном массиву объекте, например: Подробнее см. Руководство по методам заимствования JavaScript, чтобы узнать причину использования метода apply() здесь. В качестве альтернативы вы можете использовать оператор spread ES6 для выполнения той же задачи.

Как проверить, включает ли массив объект в JavaScript

Вы можете использовать JavaScript-метод some(), чтобы узнать, содержит ли массив JavaScript объект. Этот метод проверяет, проходит ли хотя бы один элемент в массиве тест, реализованный предоставленной функцией. Вот пример, демонстрация, как это работает: Обратите внимание, что если попытаться найти объект внутри массива с помощью метода indexOf(), такого как persons.indexOf({name: «Harry»}), это не сработает (всегда возвращается…

Как проверить, существует ли значение в массиве в JavaScript

Вы можете использовать метод indexOf(), чтобы проверить, существует ли данное значение или элемент в массиве или нет. Метод indexOf() возвращает индекс элемента внутри массива, если он найден, и возвращает -1, если он не найден. Давайте посмотрим на следующий пример: ES6 представил метод includes() для очень простого выполнения этой задачи. Но этот метод возвращает только true…

Как получить имя класса объекта в JavaScript

Вы можете использовать свойство name функции конструктора объекта, чтобы получить имя класса, который используется для создания экземпляра объекта. Давайте лучше посмотрим на пример: Подробнее см. Руководство по функциям JavaScript ES6.

Как безопасно кодировать URL в JavaScript

Вы можете использовать встроенный метод encodeURIComponent() для безопасного кодирования URL-адреса в JavaScript. Метод encodeURIComponent() кодирует все символы, кроме следующих: A-Z a-z 0-9 — _ . ! ~ * ‘ ( ) Давайте рассмотрим пример, чтобы понять, как работает этот метод: В качестве альтернативы вы можете использовать метод encodeURI(), который не кодирует символы, которые имеют особое…

Какой эквивалент jQuery $(document).ready() в JavaScript

Вы можете использовать событие DOMContentLoaded окна JavaScript для создания эквивалента $(document).ready() без jQuery. Это событие возникает, когда исходный HTML-документ был полностью загружен и проанализирован, не дожидаясь завершения загрузки таблиц стилей, изображений и субфреймов. Давайте посмотрим на следующий пример, чтобы понять, как это работает: Обратите внимание, что DOMContentLoaded отличается от события load, которое запускается при загрузке всей…