JavaScript Примеры
Что может JavaScript?
JavaScript может изменить содержимое HTML
JavaScript может изменять атрибуты HTML
JavaScript может изменить стиль CSS
JavaScript может скрывать элементы HTML
JavaScript может отображать скрытые элементы HTML
Где вставить JavaScript
JavaScript в <head>
JavaScript в <body>
JavaScript во внешнем файле
JavaScript во внешнем URL
JavaScript во внешней папке
Вывод JavaScript
JavaScript Синтаксис
JavaScript инструкции
JavaScript числа
JavaScript строки
JavaScript переменные
JavaScript операторы
JavaScript присваивание
JavaScript выражения (с использованием констант)
JavaScript выражения (с использованием строки)
JavaScript выражеия (с использованием переменных)
JavaScript ключевые слова
JavaScript комментарии
JavaScript чувствителен к регистру
JavaScript Инструкции
JavaScript инструкции — это команды для браузера.
JavaScript код представляет собой последовательность инструкций
JavaScript инструкции разделяются точкой с запятой
Допускается несколько инструкций в одной строке
JavaScript инструкции могут быть сгруппированы в блоки кода
Вы можете разбить строку кода после инструкции или запятой
JavaScript Комментарии
Однострочные комментарии
Однострочные комментарии в конце строки
Многострочные комментарии
Однострочный комментарий для предотвращения выполнения
Многострочный комментарий для предотвращения выполнения
JavaScript Переменные
JavaScript переменные
JavaScript переменные как алгебра
JavaScript числа и строки
JavaScript ключевое слово var
Объявление многих переменных в одной инструкции
Объявление многих переменных многострочными
Переменная без значения возвращает значение undefined
Повторное объявление переменной не уничтожит значение
Добавление JavaScript чисел
Добавление JavaScript строк
Добавление строк и чисел
JavaScript Арифметика
Оператор сложения (+)
Оператор вычитания (-)
Оператор умножения (*)
Оператор деления (/)
Оператор модуля (%)
Оператор инкремента (++)
Оператор декремента (--)
JavaScript Присваивание
Оператор присваивания =
Оператор присваивания +=
Оператор присваивания -=
Оператор присваивания *=
Оператор присваивания /=
Оператор присваивания %=
JavaScript Конкатенация строк
Сложение двух строк вместе с помощью оператора конкатенации (+)
Добавление двух строк вместе с пробелом в первой строке
Добавление двух строк вместе с пробелом между ними
Сложение двух строк вместе с использованием оператора +=
Добавление строк и чисел
JavaScript Типы данных
Объявить (создать) строки
Объявить (создать) числа
Объявить (создать) массив
Объявить (создать) объект
Найти тип переменной
Добавление двух чисел и строки
Добавление строки и двух чисел
Неопределенная переменная
Пустая переменная
JavaScript Объекты
Создать JavaScript переменную
Создать JavaScript объект
Создать объект человека (одна строка)
Создайте объект человека (несколько строк)
Доступ к свойствам объекта с помощью .property
Доступ к свойствам объекта с помощью [property]
Доступ к свойству функции как к методу
Доступ к свойству функции как к свойству
JavaScript Функции
Простая функция
Функция с аргументом
Функция с аргументом 2
Функция, которая возвращает значение
Функция, которая переводит градусы Фаренгейта в градусы Цельсия
Вызов функции без ()
JavaScript События
Событие onclick изменяет элемент HTML
Событие onclick изменяет свой собственный элемент
Событие onclick вызывает функцию
JavaScript Строки
Строки могут быть записаны в одинарных или двойных кавычках
Показать несколько примеров строк
Обратная косая черта перед кавычками принимает кавычки как кавычки
Найти длину строки
Вы можете разбить текстовую строку с помощью обратной косой черты
Вы не можете сломать код с помощью обратной косой черты
Найти позицию первого вхождения текста в строку - indexOf()
Поиск текста в строке и возврат текста, если он найден - match()
Заменить символы в строке - replace()
Преобразование строки в верхний регистр - toUpperCase()
Преобразовать строку в нижний регистр - toLowerCase()
Разделить строку на массив - split()
JavaScript Числа
Числа можно записывать с десятичными знаками или без них
Очень большие или очень маленькие числа могут быть записаны в экспоненциальной записи
Номер считается точным только до 15 цифр
Арифметика с плавающей запятой не всегда точна на 100%
Но это помогает умножать и делить на 10
Добавление двух чисел приводит к новому числу
Добавление двух числовых строк приводит к объединенной строке
Добавление числа и числовой строки также приводит к объединенной строке
Добавление числовой строки и числа также приводит к объединенной строке
Распространенная ошибка при добавлении строк и чисел 1
Распространенная ошибка при добавлении строк и чисел 2
JavaScript попытается преобразовать строки в числа при делении
JavaScript попытается преобразовать строки в числа при умножении
JavaScript попытается преобразовать строки в числа при вычитании
JavaScript НЕ будет преобразовывать строки в числа при добавлении
Число, разделенное строкой, равно NaN (не число)
Число, разделенное числовой строкой, является числом
Глобальная функция JavaScript isNaN() возвращает значение, если значение — число
Использование NaN в математической операции всегда будет возвращать NaN
Использование NaN в математической строковой операции приведет к конкатенации NaN
NaN (не число) — это число ( Да! typeof NaN возвращает число)
Бесконечность возвращается, если вы вычисляете число за пределами максимально возможное число
Деление на ноль также дает бесконечность
Infinity — это число (typeof Infinity возвращает число)
Константы, которым предшествует 0x, интерпретируются как шестнадцатеричные
Метод toString() может выводить числа в шестнадцатеричном формате, восьмеричное и двоичное
Числа могут быть объектами
Числа и объекты нельзя безопасно сравнивать
Объекты и объекты нельзя безопасно сравнивать
JavaScript Числовые методы
Метод toString() преобразует число в строку
Метод valueOf() возвращает число как число
toExponential() возвращает число в экспоненциальном представлении
Метод toFixed() округляет число до количества цифр
Метод toPrecision() число, записанное с указанием длины
Глобальный метод Number() преобразует переменные в числа
Глобальный метод Number() может даже преобразовывать даты к числам
Глобальный метод parseInt() преобразует строки в числа
Глобальный метод parseFloat() преобразует строки в числа
MAX_VALUE возвращает максимально возможное число в JavaScript
MIN_VALUE возвращает наименьшее возможное число в JavaScript
POSITIVE_INFINITY представляет бесконечность
При переполнении возвращается POSITIVE_INFINITY
NEGATIVE_INFINITY представляет отрицательную бесконечность
При переполнении возвращается NEGATIVE_INFINITY
NaN представляет "не число"
Арифметические действия над строкой приведут к NaN
Использование свойства Number для переменной вернёт значение undefined
JavaScript Математика
Math.PI возвращает значение PI
Math.round(x) возвращает округленное значение x
Math.pow(x, y) возвращает значение x в степени y
Math.sqrt(x) возвращает квадратный корень из x
Math.abs(x) возвращает абсолютное (положительное) значение x
Math.ceil(x) возвращает значение x, округленное в большую сторону
Math.floor(x) возвращает значение x, округленное в меньшую сторону
Math.sin(x) возвращает грех угла x (в радианах)
Math.cos(x) возвращает косинус угла x (в радианах)
Math.max() возвращает число с наибольшим значением из списка аргументов
Math.min() для возврата числа с наименьшим значением из списка аргументов
Преобразование Цельсия в Фаренгейта
JavaScript Random (Случайные числа)
Math.random() возвращает случайное число от 0 (включительно) до 1 (исключено)
Как вернуть случайное целое число от 0 до 9 (включая оба)
Как вернуть случайное целое число от 0 до 10 (включая оба)
Как вернуть случайное целое число от 0 до 99 (включая оба значения)
Как вернуть случайное целое число от 0 до 100 (включая оба значения)
Как вернуть случайное целое число от 1 до 10 (включая оба значения)
Как вернуть случайное целое число от 1 до 100 (включая оба значения)
Как вернуть случайное целое число между x (включено) и y (исключено)
Как вернуть случайное целое число между x и y (оба включены)
JavaScript Dates
Используйте Date() для отображения сегодняшней даты и времени
Используйте getFullYear() для отображения года
Используйте getTime() для расчета количества миллисекунд с 1970 года
Используйте setFullYear() для установки конкретной даты
Используйте toUTCString() для преобразования сегодняшней даты (согласно в UTC) в строку
Используйте getDay() для отображения дня недели в виде числа
Используйте getDay() и массив для отображения дня недели как название
Отображение часов
JavaScript Массивы
Создайте массив I
Создайте массив II
Доступ к элементу массива
Изменить элемент массива
Доступ к полному массиву
Найти длину массива
Перебор массива
Добавить элемент в массив
Добавить неопределенные "дыры" в массив
Как распознать массив I
Как распознать массив II
JavaScript Методы массива
Добавить элемент в массив
Удалить последний элемент массива - pop()
Объединить все элементы массива в строку - join()
Объединить два массива - concat()
Объединить три массива - concat()
Добавить элемент в позицию 2 в массиве — splice()
Преобразование массива в строку — toString()
Добавить новые элементы в начало массива — unshift()
Удалить первый элемент массива - shift()
Выбрать элементы из массива - slice()
JavaScript Сортировка массива
Отсортировать массив в порядке возрастания
Сортировка массива по убыванию
Сортировать массив чисел по возрастанию
Сортировать массив чисел по убыванию
Сортировка чисел (в алфавитном или числовом порядке)
Сортировка чисел массива в случайном порядке
Найти наименьшее число в массиве
Найти наибольшее число в массиве
Найти наименьшее число в массиве с помощью Math.min()
Найти наибольшее число в массиве с помощью Math.max()
Использование самодельного метода myArrayMin
Использование самодельного метода myArrayMax
Сортировка объектов по числовым свойствам
Сортировка объектов по строковым свойствам
JavaScript Итерация массива
Array.forEach()
Array.map()
Array.filter()
Array.reduce()
Array.reduceRight()
Array.every()
Array.some()
Array.indexOf()
Array.lastIndexOf()
Array.find()
Array.findIndex()
JavaScript Преобразование типов
Показать тип всех типов переменных
Отобразить конструктор всех типов переменных
Преобразование числа в строку с помощью String()
Преобразование числа в строку с помощью toString()
Узнать, является ли переменная массивом
Узнать, является ли переменная датой
JavaScript Булевы (логические значения)
Отображение значения логического значения (10 > 9)
Показать значение 10 > 9
Все, что имеет реальное значение, true
Нулевое логическое значение равно false
Булево значение минус ноль равно false
Булево значение пустой строки равно false
Булево значение undefined равно false
Булево значение null равно false
Булево значение false равно false
Булево значение NaN равно false
JavaScript Сравнения
Присвоить x значение 5 и отобразить значение (x == 8)
Присвоить x значение 5 и отобразить значение (x == 5)
Присвоить x значение 5 и отобразить значение (x === 5)
Присвоить x значение 5 и отобразить значение (x === "5")
Присвоить x значение 5 и отобразить значение (x != 8)
Присвоить x значение 5 и отобразить значение (x !== 5)
Присвоить x значение 5 и отобразить значение (x !== "5")
Присвоить x значение 5 и отобразить значение (x > 8)
Присвоить x значение 5 и отобразить значение (x < 8)
Присвоить x значение 5 и отобразить значение (x >= 8)
Присвоить x значение 5 и отобразить значение (x <= 8)
JavaScript Условные выражения
JavaScript Циклы
Цикл For
Зацикливание массива
Перебор заголовков HTML
Цикл While
Цикл Do While
Цикл Break
Цикл Break and continue
Используйте оператор for...in для перебора элементов объекта
JavaScript Обработка ошибок
JavaScript Регулярные выражения
JavaScript Объекты
Создание переменной JavaScript
Создание объекта JavaScript
Создание объекта JavaScript (одна строка)
Создание объекта JavaScript (несколько строк)
Создание объекта JavaScript с помощью new
Создание объектов JavaScript с помощью конструктора
Создание встроенных объектов JavaScript
Лучший способ создания переменных JavaScript
Объекты JavaScript изменяемы
JavaScript Свойства объекта
Доступ к свойствам с помощью .property
Доступ к свойствам с помощью [property]
Доступ к свойствам с помощью for in
Добавление новых свойств к существующим объектам
Удаление свойств из объектов
JSON Объекты
Доступ к свойствам с помощью .property
Доступ к свойствам с помощью [property]
Перебор свойств
Перебор значений свойств
Доступ к вложенным объектам JSON
Изменить значения с помощью записи через точку
Измените значения, используя скобки
Удалить свойства объекта
JSON Массивы
Доступ к значениям массива
Перебор массива с помощью for-in
Перебор массива с помощью for
Доступ к вложенным массивам JSON
Изменить значения массива
Удалить элементы массива
JSON Анализ (парсинг)
Использовать синтаксический анализ JSON
Использование синтаксического анализа JSON в примере AJAX
Использование синтаксического анализа JSON в массиве
Даты анализа
Парсинг дат с помощью функции reviver
Функции парсинга
JSON Stringify (строкование)
Использовать строкование JSON
Использовать строкование JSON для массива
Строковые даты
Строковые функции
Строковые функции с использованием метода toString()
JSON PHP
Получить JSON из файла php
Получить массив JSON из php
Получить JSON из базы данных
Перебрать результат из базы данных
Отправить JSON методом POST
JSON HTML
Создайте HTML-таблицу на основе данных JSON
Создайте динамическую HTML-таблицу
Создайте раскрывающийся список HTML на основе данных JSON
JSON JSONP
Простой пример JSONP
Создайте тег динамического скрипта
Пример JSONP с динамическим результатом
Пример JSONP с функцией обратного вызова