JS

Виды экспорта: Виды импорта:

Object.keys(yourObject) -> вернёт массив ключей (если в ключах есть строки, которые можно привести к цифрам, движок упорядочит массив по возрастанию (то же самое может случиться и со строками, которые нельзя привести к числам)) Object.values(yourObject) -> вернёт массив значений ключей объекта (порядок может быть любым) Object...

filter Filter проходится на данному массиву и возвращает новый массив из элементов, прошедших какую-либо проверку. Проверка задаётся в функции колбэке, которая передаётся методу как аргумент. Если проверку не прошёл ни один элемент, вернётся пустой массив. В качестве аргументов filter принимает колбэк, который, в свою очередь, имеет следующие аргументы: Codepen find Find возвращает первый элемент в массиве, который удовлетворяет условию. Если ни один элемент не удовлетворяет, вернётся undefined. Часто используется при поиске в базах данных. Метод find может работать на любой сущности, у которой есть длина и целочисленные ключи...

Reduce перебирает все элементы массива и сводит их в единое значение. Reduce принимает в качестве аргумента колбэк (обязательно) и изначальное значение (опционально). Колбэк принимает как аргументы: Если в reduce передано изначальное значение, оно будет присвоено аккумулятору при первой итерации. Если не передано, аккумулятор будет равен первому значению в массиве, а в качестве текущего значения будет взято второе значение в массиве. Считается хорошим тоном передавать изначальное значение, чтобы понять, с каким типом данным мы работаем...

ForEach и Map в аргументах имеют колбэк функцию, в которой есть следующие аргументы: Оба метода проходятся по каждому элемента массива и для каждого элемента запускают функцию (колбэк) Оба метода проигнорируют пустое значение в массиве ForEach всегда возвращает undefined, даже если вы явно задали возврат айтема в return внутри метода...

Оба предназначены для перебора массивов и коллекций. For - перебирает элементы, пока не сработает условие. For быстрее, чем ForEach. Аргументы у for следующие: Цикл for работает с ключевым словом await. For можно прервать. ForEach - перебирает элементы массива и для каждого вызывает колбэк функцию со следующими аргументами: ForEach не работает с ключевым словом await. ForEach принимает только синхронные функции. ForEach не вызовет колбэк, если айтем в массиве пустой (метод просто пропустит этот айтем, как будто его не существует)...

Что Фейковая нода (минимальный HTML объект), который может служить временным контейнером для других нод; своеобразный облегчённый вариант Document. Не имеет родителя. Отличие от Document в том, что DocumentFragment не является частью DOM. Любые изменения, вносимые в DocumentFragment, не отображаются на странице. После использования (вставки в DOM), фрагмент очищается и становится пустым...

Что Делегирование событий позволяет навесить обработчик события на родителя вместо того, чтобы вешать обработчики на каждый элемент, у которого может быть вызвано событие. Справедливо для ситуации, когда отнотипных событий много. Если их одно-два, смысла в делегировании нет. Почему работает: из-за фичи Event Bubbling (всплытие события). Когда событие происходит с любым элементом на странице, о нём "знают" все предки (событие всплывает как пузырёк воздуха в воде до самого корня DOM)...