Есть два способа получить доступ или получить значение свойства из объекта — запись с точкой (.), Например obj.foo, и запись с квадратными скобками ([]), например obj[foo]. Там, где точечную нотацию легче читать и писать, нотация с квадратными скобками предлагает гораздо большую гибкость, поскольку значение между скобками может быть любой переменной или выражением. Следовательно, если имя…
JavaScript Примеры
Если вы хотите добавить класс к элементу HTML, не заменяя его существующий класс, вы можете сделать, как показано в следующем примере: В приведенном выше примере функция addNewClass() добавляет нового класс highlight к элементу DIV, у которого уже есть класс box, без его удаления или замены с помощью свойства className. Кроме того, вы также можете использовать…
Самый простой и быстрый способ проверить, содержит ли строка подстроку в JavaScript или нет, — это метод indexOf(). Этот метод возвращает индекс или позицию первого вхождения подстроки в строке, в противном случае он возвращает -1, если совпадение не найдено. Вот пример: В ES6 вы можете использовать метод includes(), чтобы проверить, содержит ли строка подстроку. Этот…
Вы можете просто использовать метод toString() для преобразования даты в формате UTC или GMT в местное время в JavaScript. Среднее время по Гринвичу (GMT) — это часовой пояс, а всемирное координированное время (UTC) — это стандарт времени. Хотя на практике время GMT и UTC совпадает. Давайте посмотрим следующий пример, чтобы понять, как на самом деле…
Вы можете использовать метод JSON.stringify(), чтобы легко преобразовать объект JavaScript в строку JSON. Давайте посмотрим на следующий пример, чтобы увидеть, как это работает: Подробнее см. Руководство по синтаксическому анализу JSON в JavaScript, чтобы узнать больше о кодировании / декодировании данных JSON.
В JavaScript функции определяются с помощью ключевого слова function, за которым следует имя функции, пара круглых скобок (открывающая и закрывающая) и блок кода. Синтаксис: function myFunction(){} Давайте посмотрим на следующий пример, чтобы понять, как определить функцию в JS.
Вы можете использовать методы Math.max() и Math.min() в сочетании с методом apply(), чтобы найти максимальное или минимальное значение в массиве или подобном массиву объекте, например: Подробнее см. Руководство по методам заимствования JavaScript, чтобы узнать причину использования метода apply() здесь. В качестве альтернативы вы можете использовать оператор spread ES6 для выполнения той же задачи.
Вы можете использовать JavaScript-метод some(), чтобы узнать, содержит ли массив JavaScript объект. Этот метод проверяет, проходит ли хотя бы один элемент в массиве тест, реализованный предоставленной функцией. Вот пример, демонстрация, как это работает: Обратите внимание, что если попытаться найти объект внутри массива с помощью метода indexOf(), такого как persons.indexOf({name: «Harry»}), это не сработает (всегда возвращается…
Вы можете использовать метод indexOf(), чтобы проверить, существует ли данное значение или элемент в массиве или нет. Метод indexOf() возвращает индекс элемента внутри массива, если он найден, и возвращает -1, если он не найден. Давайте посмотрим на следующий пример: ES6 представил метод includes() для очень простого выполнения этой задачи. Но этот метод возвращает только true…
Вы можете использовать свойство name функции конструктора объекта, чтобы получить имя класса, который используется для создания экземпляра объекта. Давайте лучше посмотрим на пример: Подробнее см. Руководство по функциям JavaScript ES6.
Вы можете использовать встроенный метод encodeURIComponent() для безопасного кодирования URL-адреса в JavaScript. Метод encodeURIComponent() кодирует все символы, кроме следующих: A-Z a-z 0-9 — _ . ! ~ * ‘ ( ) Давайте рассмотрим пример, чтобы понять, как работает этот метод: В качестве альтернативы вы можете использовать метод encodeURI(), который не кодирует символы, которые имеют особое…
Вы можете использовать событие DOMContentLoaded окна JavaScript для создания эквивалента $(document).ready() без jQuery. Это событие возникает, когда исходный HTML-документ был полностью загружен и проанализирован, не дожидаясь завершения загрузки таблиц стилей, изображений и субфреймов. Давайте посмотрим на следующий пример, чтобы понять, как это работает: Обратите внимание, что DOMContentLoaded отличается от события load, которое запускается при загрузке всей…