.ccode [JS, HTML, CSS]

🌀 Что такое IIFE (Immediately Invoked Function Expression)? IIFE (Immediately Invoked Function Expression) — это функция, которая объявляется и сразу же вызывается. Это удобный способ создать локальную область видимости и избежать загрязнения глобальной области видимости, что особенно важно в JavaScript. 📝 Зачем использовать IIFE? Создание локальной области видимости: Переменные и функции, объявленные внутри IIFE, не будут доступны снаружи, что помогает избежать конфликтов с другими переменным...

Статический метод Object.groupBy() группирует элементы заданной итерации в соответствии со строковыми значениями, возвращаемыми предоставленной cb функцией. Возвращаемый объект имеет отдельные свойства для каждой группы и содержит массивы с элементами группы. Object.groupBy() - принимает первым аргументом массив по которому мы будем проходиться, а вторым аргументом cb функцию которая первым аргументом имеет элемент нашего массива, а так же индекс (необязательно) Логику данного метода мы также мо...

Задача: Определение лучшей оценки студента. У тебя есть список студентов с их оценками за экзамен. Необходимо написать функцию, которая находит студента с самой высокой средней оценкой Условия: Написать функцию getBestStudent(), которая возвращает имя студента с самой высокой средней оценкой. Среднюю оценку нужно вычислять по всему массиву оценок студента. Если несколько студентов имеют одинаковую максимальную среднюю оценку, вернуть первого по списку. Решение 👆 @CCODE | JS ⚡️

🎯 Задача Напишите функцию, которая принимает массив товаров и возвращает объект, где ключами являются категории товаров, а значениями - массивы товаров, относящихся к соответствующей категории. Решение смотри 👆 @CCODE | JS ⚡️

#Практика Пишем логику для фильтрации и поиска товаров на странице Забрать код 👇 @CCODE | JS ⚡️

Делаем плавную прокрутку к элементам с помощью метода scrollIntoView JS: const links = document.querySelectorAll('.link'); links.forEach((item) => { item.addEventListener('click', (e) => { e.preventDefault(); let id = item.getAttribute('href'); let formattierID = id.substring(1); let section = document.getElementById(formattierID); section.scrollIntoView({ behavior: 'smooth', }); }); }); @CCODE | JS ⚡️

Метод flatMap() - может значительно упростить работу с массивами массивов или операции, требующие сначала преобразовать каждый элемент массива, а затем сгладить результат Данный метод сначала применяет функцию к каждому элементу исходного массива, а затем применяет метод flat() к результату. Пример использования: Допустим, у вас есть массив чисел, и вы хотите заменить каждое число массивом его квадрата и куба. Вот как вы можете это сделать с использованием map() и flat() отдельно: let arr = [1, ...

#Задача Напишите функцию которая принимает целое число и преобразует его в римское число Ответ 👆 Объяснение 👇 1. Мы создаем объект intRomanMap, который служит словарем для соответствия между римскими и арабскими цифрами. Ключи объекта — это римские цифры, а значения — соответствующие им арабские числа. 2. Следующий шаг — использование метода Object.entries(intRomanMap).reduce(...). Метод Object.entries() преобразует объект intRomanMap в массив массивов, где каждый внутренний массив содержит дв...

Каррирование в JavaScript — это преобразования функции, принимающей несколько аргументов, в последовательность функций, каждая из которых принимает один аргумент. Суть каррирования заключается в том, что когда функция принимает несколько аргументов, вы можете вызвать её, передав только часть аргументов. В ответ функция возвращает новую функцию, которая ожидает оставшиеся аргументы. Пример: function sum(a, b, c) { return a + b + c; } // Некаррированная функция, вызывается с тремя аргументами сраз...

Небольшая шпаргалка по методам массива которые создают новый массив на основе исходного, при этом не изменяя его @CCODE | CSS ⚡️