Чердак фронтендера

2022-07-07 16:55:44 ​​split()

Метод split() разбивает строку на массив.

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

В качестве второго параметра может быть указано ограничение на количество найденных повторений — целое число.

Если первый параметр не указан, возвращённый массив будет содержать один элемент со всей строкой. Если параметр равен пустой строке, исходная строка будет преобразована в массив символов. Открыть/Комментировать

2022-07-05 16:55:08 ​​Объект как обработчик событий — handleEvent

Обработчик пользовательских событий addEventListener принимает как функцию, так и объект. В случае с объектом вызывается метод handleEvent — object.handleEvent(event)

Также в качестве обработчика событий можно передавать класс, в этом случае вызывается метод класса handleEvent() Открыть/Комментировать

2022-07-03 16:55:33 ​​Методы объектов keys, values, entries

Object.keys(obj) – возвращает массив свойств (ключей) объекта obj.
Object.values(obj) – возвращает массив значений.
Object.entries(obj) – возвращает массив пар [ключ, значение].

Порядок элементов в возвращаемом массиве не зависит от того, как объект объявлен — значения будут в том же порядке, в котором они бы обходились циклом for ... in Открыть/Комментировать

2022-07-01 16:55:58 ​​Методы call и apply, и разница между ними

Эти методы предназначены для вызова функции с указанным значением this. В методы можно передать аргументы, с которыми произойдет вызов функции

Отличие между call и apply состоит в способе передачи аргументов в вызываемую функцию: в apply аргументы передаются в виде массива, в call — через запятую Открыть/Комментировать

2022-06-29 16:55:22 ​​replace() - замена части строки

Метод replace() используется для замены части строки(шаблон) другой строкой(заменитель).

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

Обратите внимание, что в случае со строкой будет заменено только первое вхождение искомой строки. Открыть/Комментировать

2022-06-27 16:55:08 ​​Кэширование длины массива в цикле

Когда мы только начинаем изучение JavaScript, то обычно используем стандартную конструкцию цикла for: for (let i = 0; i < array.length; i++) {}

Но такой шаблон не совсем оптимален. На каждой итерации цикла длина массива array будет высчитываться заново. Иногда это полезно, но в большинстве случаев эффективнее будет ее кэшировать. Для этого создадим переменную length вместе с определением счетчика цикла. for (let i = 0, length = array.length; i < length; i++) {}

Такой цикл будет работать немного эффективнее. Открыть/Комментировать

2022-06-25 18:30:33 ​​Как используется event.target?

event.target — это элемент, на котором происходит событие, или элемент, вызвавший событие.

Благодаря этому свойству мы можем использовать тот объект, на котором произошло пользовательское событие, например, изменять стили или классы. Открыть/Комментировать

2022-06-23 10:15:19 ​​Получение массива уникальных значений

В стандарте ES6 появился новый тип объектов Set. Используя спред-оператор (...) и объект Set, можно легко получить новый массив с уникальными значениями const newArray = [...new Set(array)]

До ES6 для решения многих задач пришлось бы написать гораздо больше кода! Открыть/Комментировать

2022-06-21 10:15:52 ​​Быстрое изменение длины массива

Чтобы удалить несколько значений с конца массива, необязательно пользоваться методами slice(), splice() или pop(). Достаточно переопределить свойство length.

Это работает только с массивами, т.е. с коллекцией Set такой трюк не пройдет.

#трюки Открыть/Комментировать

2022-06-19 10:15:29 ​​Получение элементов с конца

В метод массивов slice() можно передать отрицательное число, чтобы получить нужное количество элементов с конца массива Открыть/Комментировать