Сегодня я рад представить тщательно отобранную коллекцию из 7 убийственных однострочников на JavaScript, которые гарантированно упростят ваш путь к программированию и облегчат вашу жизнь. Приготовьтесь к захватывающим впечатлениям! Давайте погрузимся и раскроем силу этих удивительных фрагментов. Пристегнитесь и вперед к новым высотам! 🚀
1. Копирует ввод в буфер обмена
navigator.clipboard.writeText(document.getElementById('myInput').value);
Замените 'myInput'
фактическим идентификатором вашего поля ввода. Этот код использует метод navigator.clipboard.writeText()
для записи значения поля ввода в буфер обмена.
2. Проверяет, видна ли вкладка браузера Tab
const isTabInView = () => !document.hidden;
Этот код определяет функцию стрелки isTabInView
, которая возвращает отрицание свойства document.hidden
, указывая, находится ли вкладка в данный момент в поле зрения или нет.
3. Проверяет, является ли дата днем недели в одной строке
const isWeekday = d => d.getDay() % 6 !== 0;
Этот код определяет стрелочную функцию isWeekday
, которая принимает параметр d
, представляющий объект Date
. Вот что делает каждая часть кода:
d.getDay()
: Эта часть вызывает методgetDay()
для объектаDate
d
. МетодgetDay()
возвращает день недели в виде числа, где воскресенье представлено 0, а суббота — 6.% 6
: оператор модуля%
используется для вычисления остатка от деления дня недели на 6. Эта операция отображает воскресенье (0) и субботу (6) в 0, а остальные дни недели (с понедельника по пятницу) будут иметь остаток больше 0.!== 0
: Оператор неравенства!==
сравнивает результат предыдущей операции с 0. Если остаток не равен 0, это означает, что день недели не воскресенье (0) или суббота (6), что указывает на то, что это будний день .
Следовательно, выражение d.getDay() % 6 !== 0
оценивается как true
, если объект Date
d
представляет будний день, и false
, если он представляет выходной день (воскресенье или субботу).
4. Перемешать массив
const shuffledArray = array => array.sort(() => Math.random() - 0.5);
Этот код определяет стрелочную функцию shuffledArray
, которая принимает параметр array
. Он использует метод sort()
для массива и предоставляет функцию сравнения, которая случайным образом сортирует элементы. Вычитая Math.random()
, умноженное на 0,5, функция сравнения генерирует случайные положительные или отрицательные значения, в результате чего получается перемешанный массив. Обратите внимание, что этот метод изменяет исходный массив.
5. Проверить правильность даты
const isDateValid = (...val) => !Number.isNaN(Date.parse(val));
Date.parse(val)
: методDate.parse()
анализирует аргументval
, который может быть строкой даты или отдельными компонентами даты. Он возвращает количество миллисекунд с 1 января 1970 года (эпоха Unix), если дата действительна, илиNaN
, если это не так.Number.isNaN()
: ФункцияNumber.isNaN()
используется для проверки того, является ли результатDate.parse()
NaN
. Он возвращаетtrue
, если значение равноNaN
, иfalse
в противном случае.
Используя Date.parse()
вместо конструктора new Date()
и удаляя метод .valueOf()
, мы упрощаем код, но при этом достигаем желаемого результата проверки достоверности даты.
6. Сделать строку заглавной
const capitalizeString = str => str.charAt(0).toUpperCase() + str.slice(1);
Этот код определяет стрелочную функцию capitalizeString
, которая принимает параметр str
. Он использует метод charAt(0)
для извлечения первого символа строки, а затем применяет метод toUpperCase()
для преобразования его в верхний регистр. Метод slice(1)
используется для извлечения остальной части строки, начиная со второго символа. Наконец, первый символ с заглавной буквы и оставшаяся строка объединяются, чтобы сформировать строку с заглавной буквы.
7. Удалить дубликаты из массива
const uniqueArray = array => [...new Set(array)];
Этот код определяет стрелочную функцию uniqueArray
, которая принимает параметр array
. Он использует объект Set
для создания нового набора из массива, который автоматически удаляет повторяющиеся значения. Затем оператор расширения ...
используется для преобразования набора обратно в массив, в результате чего получается массив только с уникальными элементами.
Вот несколько дополнительных высококачественных руководств, которые вы можете изучить: