Чему я научился на JavaScript 30 (веб-курс — https://javascript30.com/)

Кодинг на Github

принести()

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 — это «Смит, Джон».