Чему я научился на JavaScript 30 (веб-курс — https://javascript30.com/)
принести()
fetch() — это метод получения ресурсов по сети. Это похоже на
d3.json() при работе с набором данных json.
Ch-blog: использование выборки в JS
En-MDN: использование выборки
Пример:
const endpoint = 'https://gist.githubusercontent.com/Miserlou/c5cd8364bf9b2420bb29/raw/2bf258763cdddd704f8ffd3ea9a3e81d25e2c6f6/cities.json';
var data=[];
fetch(endpoint)
. then(response=›{response.json()
.then(json=›{data.push(json);});
});
Эта функция fetch() эквивалентна:
fetch(endpoint)
.then(response=›response.json())
.then(json=›data.push(json))
… обр.
…arr используется для получения значения в массиве.
var arr = [1,2,3];
var arr2=[34,…arr,12];
Здесь arr2 равно [34,1,2,3,12]
Функции стрелки: =›
En-блог: Стрелочные функции
var total = values.reduce(function (a, b) {
return a + b;
}, 0);
эквивалентно:
var total = values.reduce((a, b) =› a + b, 0);
$(“#confetti-btn”).click(function (event) {
playTrumpet();
fireConfettiCannon();
});
эквивалентно:
$(“#confetti-btn”).click(event =› {
playTrumpet();
fireConfettiCannon();
});
регулярное выражение
Это функция-конструктор, которая может создавать выражения.
En-MDN:RegExp
new RegExp(pattern[, flags])
Эти три одинаковы:
/ab+c/i;
новое регулярное выражение(‘ab+c’, ‘i’);
новое регулярное выражение(/ab+c/, ‘i’);
При использовании вариативного шаблона:
new RegExp(wordToMatch, ‘gi’);//wordToMatch — это переменная.
При использовании со специальными символами:
var re = /(\w+)\s(\w+)/; //’\w’:число или символы;’\s’:один пробел
var str = ‘John Smith’;
var newstr = str.replace(re, ‘$2, $1’);
Здесь newstr — это «Смит, Джон».