11 однострочников JavaScript, которые вы должны знать

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

Синтаксис JavaScript, особенно его анонимные и стрелочные функции, позволяет писать краткий код. Вы можете многого добиться с помощью одной строчки кода.

В этой статье вы узнаете об 11 однострочниках JavaScript, которые помогут вам писать код на профессиональном уровне.

1. Как преобразовать строку из snake_case в camelCase

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

Языки программирования и программисты используют разные схемы регистров для имен переменных и методов.

Примеры строк snake_case: hello_world, this_is_a_variable, SCREAMING_SNAKE_CASE

Примеры строк camelCase: helloWorld, thisIsVariable, makeUseOf

Вы можете преобразовать строку snake_case в camelCase, используя следующий код:

const convertSnakeToCamel = (s) => s.toLowerCase (). replace (/ (_ \ w) / g, (w) => w.toUpperCase (). substr (1));
let s1 = "hello_world";
console.log (convertSnakeToCamel (s1));
пусть s2 = "make_use_of";
console.log (convertSnakeToCamel (s2));
let s3 = "this_is_a_variable";
console.log (convertSnakeToCamel (s3));

Выход:

Привет, мир
makeUseOf
thisIsAVariable

2. Как перемешать массив JavaScript

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

const shuffleArray = (arr) => arr.sort (() => 0.5 - Math.random ());
пусть arr1 = [1, 2, 3, 4, 5];
console.log (shuffleArray (arr1));
пусть arr2 = [12, 34, 45, 43];
console.log (shuffleArray (arr2));
пусть arr3 = [2, 4, 6, 8, 10];
console.log (shuffleArray (arr3));

Выход:

[ 3, 5, 1, 4, 2 ]
[ 45, 34, 12, 43 ]
[ 4, 10, 2, 6, 8 ]

Вы получите разные результаты для разных прогонов этого кода.

Связанный: Стрелочные функции JavaScript могут сделать вас лучшим разработчиком

3. Как найти среднее значение массива

Среднее значение - это сумма элементов массива, деленная на количество элементов. Вы можете найти среднее значение массива в JavaScript, используя следующий код:

const calculateAverage = (arr) => arr.reduce ((a, b) => a + b, 0) / arr.length;
пусть arr1 = [1, 2, 3, 4, 5];
console.log (CalculateAverage (arr1));
пусть arr2 = [12, 34, 45, 43];
console.log (CalculateAverage (arr2));
пусть arr3 = [2, 4, 6, 8, 10];
console.log (CalculateAverage (arr3));

Выход:

3
33.5
6

Связанный: Как найти среднее значение массива в Python, C ++, JavaScript и C

4. Как определить темный режим с помощью JavaScript

С кодом, запущенным в веб-браузере, вы можете обнаружить темный режим, используя следующую однострочную строку:

const darkMode = window.matchMedia && window.matchMedia ('(prefers-color-scheme: dark)'). соответствует;
console.log (darkMode);

Заявление вернется правда если темный режим запущен, иначе вернется ложный.

5. Как определить браузер Apple с помощью JavaScript

Вы можете проверить, запущен ли браузер на компьютере Apple, с помощью этого простого соответствия регулярному выражению:

const appleBrowser = /Mac|iPod|iPhone|iPad/.test (navigator.platform);
console.log (appleBrowser);

Заявление вернется правда если ваш браузер работает на устройстве Apple, в противном случае он вернется ложный.

Связанный: Методы массивов JavaScript, которые вы должны освоить сегодня

6. Как проверить, пуст ли массив

Массив пуст, если в нем нет элементов. Вы можете проверить, пуст ли массив, используя следующий код:

const checkEmptyArray = (arr) =>! Array.isArray (arr) || arr.length 0;
пусть arr1 = [1, 2, 3, 4, 5];
console.log (checkEmptyArray (arr1));
пусть arr2 = [];
console.log (checkEmptyArray (arr2));
пусть arr3 = [""];
console.log (checkEmptyArray (arr3));

Выход:

ложный
правда
ложный

7. Как найти уникальные значения в массиве

Следующий однострочник удаляет повторяющиеся значения из массива, оставляя только те значения, которые встречаются только один раз.

const findUniquesInArray = (arr) => arr.filter ((i) => arr.indexOf (i) arr.lastIndexOf (i));
пусть arr1 = [1, 2, 3, 4, 5, 1, 2, 3];
console.log (findUniquesInArray (arr1));
пусть arr2 = ['W', 'E', 'L', 'C', 'O', 'M', 'E', 'T', 'O', 'M', 'U', 'O '];
console.log (findUniquesInArray (arr2));
пусть arr3 = [5, 5, 5, 3, 3, 4, 5, 8, 2, 8];
console.log (findUniquesInArray (arr3));

Выход:

[ 4, 5 ]
['W', 'L', 'C', 'T', 'U']
[ 4, 2 ]

8. Как создать случайный шестнадцатеричный цвет

Шестнадцатеричные цвета - это способ представления цветов с помощью шестнадцатеричных значений. Они следуют формату #RRGGBB, куда RR красный, GG зеленый, и BB синий. Значения шестнадцатеричных цветов находятся в диапазоне от 00 до FF, которые определяют интенсивность компонента. Вы можете генерировать случайные шестнадцатеричные цвета, используя следующий код JavaScript:

const randomHexColor = () => `# $ {Math.random (). toString (16) .slice (2, 8) .padEnd (6, '0')}`;
console.log (randomHexColor ());

Выход:

# ff7ea1

Каждый раз, когда вы запускаете код, вы получаете случайный шестнадцатеричный цвет.

9. Как преобразовать градусы в радианы и наоборот

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

Радианы = Градусы × π / 180
Градусы = Радианы × 180 / π

Преобразовать градусы в радианы

Вы можете преобразовать угол из градусов в радианы, используя следующий код:

const градусовToRadians = (deg) => (deg * Math. ПИ) / 180,0;
пусть temp1 = 360;
console.log (degToRadians (temp1));
пусть temp2 = 180;
console.log (degToRadians (temp2));
пусть temp3 = 120;
console.log (degToRadians (temp3));

Выход:

6.283185307179586
3.141592653589793
2.0943951023931953

Преобразовать радианы в градусы

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

const radiansToDegrees = (рад) => (рад * 180) / Math. ПИ;
пусть temp1 = 6.283185307179586;
console.log (radiansToDegrees (temp1));
пусть temp2 = 3,141592653589793;
console.log (radiansToDegrees (temp2));
пусть temp3 = 2.0943951023931953;
console.log (radiansToDegrees (temp3));

Выход:

360
180
119.99999999999999

10. Как проверить, работает ли код в браузере

Вы можете проверить, работает ли ваш код в браузере, используя следующее:

const isRunningInBrowser = тип окна 'объект' && тип документа 'объект';
console.log (isRunningInBrowser);

Приведенный выше код, запущенный в браузере, напечатает правда. При запуске через интерпретатор командной строки он напечатает ложный.

11. Как сгенерировать случайный UUID

UUID означает универсальный уникальный идентификатор. Это 128-битное значение, используемое для однозначной идентификации объекта или сущности в Интернете. Используйте следующий код для генерации случайного UUID:

const generateRandomUUID = (a) => (a? (a ^ ((Math.random () * 16) >> (a / 4))). toString (16): ([1e7] + -1e3 + -4e3 + -8e3 + -1e11) .replace (/ [ 018] / g, generateRandomUUID));
console.log (generateRandomUUID ());

Выход:

209b53dd-91cf-45a6-99a7-554e786f87d3

Каждый раз, когда вы запускаете код, он генерирует случайный UUID.

Если вы хотите взглянуть на полный исходный код, использованный в этой статье, вот Репозиторий GitHub.

Получите практические знания JavaScript, создавая проекты

Лучший способ освоить любой язык программирования - создавать проекты. Вы можете использовать короткие приемы, описанные в этой статье, при разработке проектов JavaScript. Если вы новичок и ищете идеи для проекта, начните с создания простого проекта, такого как приложение To-Do, веб-калькулятор или расширение для браузера.

10 идей проектов JavaScript для начинающих

JavaScript - важный язык программирования для изучения. Если вы новичок в этом, вот несколько проектов, которые помогут вам расширить свои знания.

Читать далее

Об авторе