10 важных фрагментов кода JavaScript для каждого разработчика
Предлагаем ознакомиться с несколькими функциями JS, которые облегчат вам работу. В этой статье будут представлены наиболее часто используемые фрагменты кода и приведены примеры.
1. Функция Debounce
Предотвращает слишком частый вызов функции, что особенно полезно для обработки пользовательского ввода.
const debounce = (func, delay) => {
let timeoutId;
return (...args) => {
clearTimeout(timeoutId);
timeoutId = setTimeout(() => func(...args), delay);
};
};2. Скопировать в буфер обмена
Позволяет копировать текст в буфер обмена.
const copyToClipboard = (text) => {
const textArea = document.createElement("textarea");
textArea.value = text;
document.body.appendChild(textArea);
textArea.select();
document.execCommand("copy");
document.body.removeChild(textArea);
};3. Глубокое клонирование объекта
Создает глубокую копию объекта.
const deepClone = (obj) => JSON.parse(JSON.stringify(obj));4. Генератор случайных чисел
Генерирует случайное число в заданном диапазоне.
const getRandomNumber = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
5. Проверьте, содержит ли массив дубликаты
Проверяет, содержит ли массив повторяющиеся элементы.
const hasDuplicates = (arr) => new Set(arr).size !== arr.length;
6. Сделайте первую букву строки заглавной
const capitalizeFirstLetter = (str) => str.charAt(0).toUpperCase() + str.slice(1);
7. Форматирование даты
Форматирует объект Date JavaScript в удобочитаемую строку.
const formatDate = (date) => {
const options = { year: 'numeric', month: 'long', day: 'numeric' };
return date.toLocaleDateString(undefined, options);
};8. Вычислить сумму массива
Вычисляет сумму элементов массива.
const sumArray = (arr) => arr.reduce((acc, current) => acc + current, 0);
9. Подтвердите адрес электронной почты
Проверяет, является ли данная строка действительным адресом электронной почты.
const isValidEmail = (email) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
10. Запрос Fetch API
Выполняет простой HTTP-запрос GET с использованием API Fetch.
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));Эти фрагменты кода JavaScript охватывают различные общие задачи веб-разработки и могут стать ценным дополнением к вашим проектам. Если у вас есть другие полезные фрагменты, которыми вы можете поделиться, пожалуйста, оставляйте их в разделе комментариев, что повысит полезность этой темы.
