САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
×

JS Учебник

JS Главная JS Введение JS Установка JS Вывод JS Синтаксис JS Заявления JS Комментарии JS Переменные JS Операторы JS Арифметика JS Присваивания JS Типы данных JS Функции JS Объекты JS Область JS События JS Строки JS Методы строк JS Числа JS Методы чисел JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Даты JS Формат даты JS Метод получения дат JS Методы набора... JS Математические... JS Случайные числа JS Булевы JS Сравнение... JS Заявления if...else JS Заявление switch JS Цикл for JS Цикл while JS Заявление break... JS Преобразование... JS Битовые... JS Регулярные выражения JS Ошибки JS Отладчик JS Подъемный JS Строгий JS Ключевое слово this JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

JS Формы JS Формы API

JS Объекты

Определение объекта Свойства объекта Методы объекта Доступ к объекту Конструкторы объекта Прототипы объекта Объект ECMAScript 5

JS Функции

Определение функции Параметры функции Вызов Функции Вызвать Функцию Применение функции Закрытие Функции

JS HTML DOM

DOM Введение DOM Методы DOM Документы DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Слушатель события DOM Навигация DOM Узлы DOM Коллекции DOM Список узлов

JS Браузера BOM

JS Окно JS Экран JS Местоположение JS История JS Навигатор JS Всплывающее окна JS Синхронизация JS Cookies

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос AJAX Ответ AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON или XML JSON Типы данных JSON Парсинг JSON Строки JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS или jQuery

jQuery Селекторы jQuery HTML jQuery CSS jQuery DOM

JS Примеры

JS Примеры JS HTML DOM JS HTML Ввод


JavaScript ECMAScript 5



Что такое ECMAScript 5?

ECMAScript 5 также известен как ES5 и ECMAScript 2009

На самом деле это JavaScript версии 1.8.5, но он также называется JavaScript 5.

В этой главе представлены некоторые из наиболее важных особенностей ES5.

  • Директива строгий "use strict"
  • String.trim()
  • Array.isArray()
  • Array.forEach()
  • Array.map()
  • Array.filter()
  • Array.reduce()
  • Array.every()
  • Array.indexOf()
  • Array.lastIndexOf()
  • JSON.parse()

Директива "use strict"

"use strict" определяет, что код JavaScript должен выполняться в "строгом режиме".

В строгом режиме можно, например, не использовать необъявленные переменные.

Вы можете использовать строгий режим во всех ваших программах. Это поможет вам написать более чистый код, например, запрет на использование необъявленных переменных.

"use strict" это просто строковое выражение. Старые браузеры не будут выдавать ошибку, если они ее не понимают.

Подробнее читайте в разделе JS Строгий режим.


String.trim()

String.trim() удаляет пробелы с обеих сторон строки.

Пример

var str = "       Привет мир!        ";
alert(str.trim());
Попробуйте сами »

Подробнее читайте в разделе JS Строковые методы.



Array.isArray()

Проверяет, является ли объект массивом.

Пример

function myFunction() {
    var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
    var x = document.getElementById("demo");
    x.innerHTML = Array.isArray(fruits);
}
Попробуйте сами »

Подробнее читайте в разделе JS Массивы.


Array.forEach()

Метод forEach() вызывает функцию один раз для каждого элемента массива.

Пример

var txt = "";
var numbers = [4, 9, 16, 25];
numbers.forEach(myFunction);

function myFunction(item, index) {
    txt = txt + item + "<br>";
}
Попробуйте сами »

Узнайте больше в JS Методы итерации массива.


Array.map()

Метод map() создает новый массив, выполняя функцию для каждого элемента массива.

В этом примере каждое значение массива умножается на 2:

Пример

var numbers1 = [4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);

function myFunction(value, index, array) {
    return val * 2;
}
Попробуйте сами »


Array.filter()

Метод filter() создает новый массив со всеми элементами массива, который проходит тест.

В этом примере создается новый массив из элементов со значением, равным или большим 18:

Пример

var numbers = [4, 9, 16, 25];
var over18 = numbers.filter(myFunction);

function myFunction(value, index, array) {
    return value > 18;
}
Попробуйте сами »

Array.reduce()

Метод reduce() сводит массив к одной переменной.

Этот пример находит сумму всех чисел в массиве:

Пример

var numbers1 = [4, 9, 16, 25];
var sum = numbers1.reduce(myFunction);

function myFunction(total, value, index, array) {
    return total + value;
}
Попробуйте сами »

Array.every()

Метод every() проверяет, если все значения массива проходят проверку.

Этот пример находит сумму всех чисел в массиве:

Пример

var numbers = [4, 9, 16, 25, 29];
var allOver18 = numbers.every(myFunction);

function myFunction(value, index, array) {
    return value > 18;
}
Попробуйте сами »

Array.indexOf()

Найдите в массиве значение элемента и верните его позицию.

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
var a = fruits.indexOf("Яблоко");
Попробуйте сами »

Узнайте больше в JS Методы итерации массива.


Array.lastIndexOf()

Array.lastIndexOf() то же самое, что и Array.indexOf(), но выполняет поиск с конца массива.

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
var a = fruits.lastIndexOf("Яблоко");
Попробуйте сами »

Узнайте больше в JS Методы итерации массива.


JSON.parse()

Обычно JSON используется для обмена данными с веб сервером.

Представьте, что вы получили эту текстовую строку с веб сервера:

'{ "name":"Андрей", "age":50, "city":"Пермь"}'

Функция JavaScript JSON.parse() используется для преобразования текста в объект JavaScript:

var obj = JSON.parse('{ "name":"Андрей", "age":50, "city":"Пермь"}');
Попробуйте сами »

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.

Метод
parse() 4.0 8.0 3.5 4.0 11.5

Подробнее читайте в разделе JS JSON.