Сегодня я рад представить тщательно отобранную коллекцию из 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 для создания нового набора из массива, который автоматически удаляет повторяющиеся значения. Затем оператор расширения ... используется для преобразования набора обратно в массив, в результате чего получается массив только с уникальными элементами.

Вот несколько дополнительных высококачественных руководств, которые вы можете изучить:

  1. JavaScript-интервью Вопросы и ответы
  2. Вопросы и ответы на собеседовании по Node Js
  3. Каверзный вопрос по JavaScript