ECMAScript 5
Что такое ECMAScript 5?
ECMAScript 5 также известен как ЕС5 и ECMAScript 2009
Это на самом деле JavaScript версии 1.8.5, но это также называется JavaScript 5.
В этой главе описываются некоторые из наиболее важных особенностей ЕС5.
- The "use strict" Directive
- 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 должен быть выполнен в "строгом режиме".
В строгом режиме можно, например, не использовать необъявленные переменные.
Вы можете использовать строгий режим во всех ваших программах. Это поможет вам написать чистый код, как и предотвращение использования необъявленных переменных.
"использовать строго" — это просто строковое выражение. Старые браузеры не выбрасывают ошибку, если не понимают ее.
Подробнее в JS строгом режиме.
String.trim()
String.trim() Удаляет пробелы с обеих сторон строки.
Пример
var str = " Hello World! ";
alert(str.trim());
Подробнее в JS String методы.
Array.isArray()
Проверяет, является ли объект массивом.
Пример
function myFunction() {
var fruits = ["Banana", "Orange", "Apple", "Mango"];
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-массива.
Массив. 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 = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");
Подробнее о методах итерации JS-массива.
Array.LastIndexOf()
Array.LastIndexOf() совпадает с Array. IndexOf (), но выполняет поиск с конца массива.
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");
Learn more in JS Array Iteration Methods.
JSON.parse()
Обычно JSON используется для обмена данными с веб-сервером.
Представьте, что вы получили эту текстовую строку с веб-сервера:
'{ "name":"John", "age":30, "city":"New York"}'
The JavaScript function JSON.parse() is used to convert the text into a JavaScript object:
var obj = JSON.parse('{ "name":"John", "age":30, "city":"New
York"}');
Номера в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
| Метод | |||||
|---|---|---|---|---|---|
| parse() | 4.0 | 8.0 | 3.5 | 4.0 | 11.5 |
Подробнее в JS JSON.
