6 отличных однострочников на JavaScript

Эти однострочники заставят вас почувствовать себя разработчиком, поддерживающим JavaScript.

JavaScript на сегодняшний день является одним из лучших языков программирования для веб-разработки. Это единственный язык, который используется почти на 98% веб-сайтов. Таким образом, изучение JavaScript во время веб-разработки очень важно для многих новичков.

В этой статье собраны самые важные начальные строки JavaScript, которые должен знать каждый разработчик. Давайте начнем.

Перемешать массив

const shuffleArray = (arr) => arr.sort(() => Math.random() - 0.5);// Testing
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
console.log(shuffleArray(arr));

Этот однострочник поможет вам перетасовать целые элементы в массив элементов.

Скопировать в буфер обмена

const copyToClipboard = (text) =>
  navigator.clipboard?.writeText && navigator.clipboard.writeText(text);// Testing
copyToClipboard("Hello World!");

В веб-приложениях копирование в буфер обмена становится все более популярным, поскольку делает веб-разработку очень увлекательной и простой в использовании.

Получить уникальные элементы из массива

const getUnique = (arr) => [...new Set(arr)];// Testing
const arr = [1, 1, 2, 3, 3, 4, 4, 4, 5, 5];
console.log(getUnique(arr));

С помощью этого кода вы можете легко получить уникальные элементы из массива, используя Set Data Structure.

Переключиться в темный режим

const isDarkMode = () =>
  window.matchMedia &&
  window.matchMedia("(prefers-color-scheme: dark)").matches;// Testing
console.log(isDarkMode());

С помощью этого кода вы можете проверить, активирован ли в веб-приложении темный режим или нет.

Пролистать наверх

const scrollToTop = (element) =>
element.scrollIntoView({ behavior: "smooth", block: "start" });

Этот код перенесет прокрутку страницы наверх. Это очень полезно, когда содержимое веб-сайта длинное, и вам нужно мгновенно прокрутить его вверх.

Прокрутите вниз

const scrollToBottom = (element) =>
element.scrollIntoView({ behavior: "smooth", block: "end" });

Просто, как прокрутка вверх, но дает обратную функциональность, прокручивая вниз.

Это обертка. Спасибо за прочтение.

Подпишитесь на меня, чтобы получать еженедельные новости из области технологий. Вы можете подписаться на мою бесплатную рассылку новостей.

Нужен дизайнер UI/UX с самым высоким рейтингом и фрилансер по фронтенд-разработке, чтобы избавиться от проблем с разработкой? Свяжитесь со мной на Upwork и Фрилансер.

Хотите увидеть, над чем я работаю? Посетите мой Персональный сайт, Twitter и GitHub.

Хотите подключиться? Свяжитесь со мной в LinkedIn.

Я фрилансер, который начнет работу в качестве цифрового кочевника в середине 2022 года. Хотите поймать путешествие? Следуйте за мной на Instagram".

6 отличных однострочников на JavaScript — для начинающих