27 важных однострочных функций JavaScript, используемых разработчиками ежедневно
Полезная однострочная функция JavaScript, с помощью которой можно легко скопировать любой текст в буфер обмена.
2. Получение случайного числа в определенном диапазоне
Важная функция JavaScript для генерации случайного числа в определенном диапазоне чисел. В качестве аргументов вы указываете минимальное и максимальное значение, а однострочная функция возвращает случайное число из заданного диапазона.
3. Преобразование RGB в шестнадцатеричный код
Полезная функция, которая используется для преобразования RGB в шестнадцатеричный код.
4. Прокрутка к верху страницы
Еще одна полезная функция JavaScript, которая используется для автоматической прокрутки к верху веб-страницы.
5. Нахождение количества промежуточных дней между двумя датами
Следующая функция очень полезна при работе с календарем/датами в JavaScript. Найдите количество промежуточных дней между двумя заданными датами, используя следующий код:
6. Генерация случайных шестнадцатеричных кодов цветов
С помощью этой функции можно генерировать случайные шестнадцатеричные коды цветов, что очень пригодится при работе над фронтенд-проектами.
7. Проверка того, является ли указанный день будним
С помощью этой функции вы можете проверить, является ли дата, которую вы передаете в качестве аргумента, будним или выходным днем.
8. Преобразование значений температуры по Фаренгейту / Цельсию
Если в вашем проекте указывается температура, эти две функции JavaScript здорово вам пригодятся. Они помогут преобразовать значение по Фаренгейту в значение по Цельсию и наоборот.
9. Проверка наличия у пользователя устройства от Apple
Во многих проектах нам необходимо реализовывать функции на базе определенных устройств. Вы можете применить эту функцию, чтобы узнать, оперирует ли пользователь устройством от Apple или нет.
10. Получение времени из даты
Вы можете использовать метод .toTimeString() и, разделив строку в нужном месте, получить время из даты, которую предоставляете, или текущее время.
11. Извлечение HTML из текста
Очень удобная однострочная функция JavaScript, которая важна еще и по соображениям безопасности. Пользователи могут вводить значения на основе тегов. При приеме пользовательского ввода вы можете извлекать любые HTML-элементы из текста, введенного пользователем, с помощью DOMParser.
12. Переключение “показать/скрыть элемент”
Вы можете легко переключать функцию показа/скрытия элемента с помощью этого однострочного метода, используя значение свойства CSS display.
13. Разворот строки
Вы можете развернуть строку в одном ряду, используя методы split , join и reverse .
14. Выделение строки заглавной буквой
Поскольку в JavaScript нет встроенного метода для этого действия, вы можете выделить строку заглавной буквой с помощью этой однострочной функции.
15. Округление десятичных дробей до определенного числа знаков после запятой
Когда вы имеете дело с суммами, очень важно правильно проводить вычисления с десятичными дробями. Использование метода округления десятичных дробей до фиксированного числа десятичных знаков — непростая задача в JavaScript. Встроенный в JavaScript метод toFixed() может легко справиться с такой задачей, но в некоторых случаях он выдает странные результаты из-за особенностей арифметики с плавающей запятой.
Чтобы избежать этой проблемы, можете подать числа в экспоненциальном представлении и использовать Math.round() для получения десятичной дроби, округленной до заданного количества знаков после запятой.
16. Перемешивание массива
Вы можете использовать нижеуказанный код для перемешивания массива. В нем используются методы sort и random .
17. Определение темного режима
Узнайте, находится ли устройство пользователя в темном режиме, используя следующий код.
18. Получение параметров запроса из URL
Очень полезная функция для тех, кто имеет дело с url и параметрами запроса. Вы можете легко получить параметры запроса из url, передав url в качестве аргумента функции.
19. Получение среднего значения массива чисел
JavaScript reducer позволяет вычислить среднее значение нескольких массивов в одном ряду. Метод Reduce весьма полезен при написании однострочных решений ряда задач, таких как нахождение суммы или максимума в массиве чисел.
20. Проверка поддержки у текущего пользователя событий касания
21. Определение порядкового номера дня в году
Еще одна очень полезная функция JavaScript, относящаяся к работе с датами/календарями. По сути, она позволяет узнать порядковый номер дня в году. Например, 6 февраля — 37-й день по счету из 365 дней в году.
22. Получение значения файла cookie браузера
Полезная короткая функция JavaScript, предназначенная для получения значения cookie браузера.
23. Очистить все файлы cookie браузера
Нужно очистить все cookie, хранящиеся на веб-странице? Получите доступ к cookie с помощью document.cookie и очистите их.
24. Получение случайного булева значения (true/false)
Эта функция вернет булево значение (true или false) с помощью метода Math.random() . Math.random создаст случайное число между 0 и 1, после чего мы проверяем, больше или меньше оно 0,5. Это означает, что вероятность получить true или false составляет 50/50.
25. Удаление дубликатов в массиве
Sets в JavaScript хранят только уникальные элементы. Мы можем использовать такое поведение для удаления дубликатов из массива. Однако этот прием работает только с массивами, хранящими примитивные данные. Поэтому вам придется написать многострочное решение для удаления дубликатов в массивах, хранящих объекты. Но, тем не менее, это вполне действенный метод удаления дубликатов в простых сценариях.
26. Проверка правильности даты
Проверьте правильность введенной пользователем даты с помощью этой Js-функции.
27. Получение случайного элемента из массива
Эта однострочная функция возвращает случайный элемент из входного массива, который вы передаете в качестве аргумента функции.
Заключение
Если у вас есть идеи по продолжению этого списка, напишите мне об этом в комментариях. Я буду рад пополнить перечень полезных функций JavaScript вашими предложениями. Если вам понравилась статья и вы хотите видеть больше моих материалов в будущем, подписывайтесь на мой аккаунт на Medium. Удачного кодинга!