11 едноредови JavaScript, които трябва да знаете

JavaScript е един от най-популярните езици за програмиране. Използва се за разработване на уебсайтове, уеб приложения, уеб сървъри, игри, мобилни приложения и др.

Синтаксисът на JavaScript, особено неговите анонимни и стрелкови функции, позволяват кратък код. Можете да постигнете много само с един ред код.

В тази статия ще научите за 11 едноредови JavaScript, които ще ви помогнат да кодирате като професионалист.

1. Как да конвертирате низ от snake_case в camelCase

Низът в snake_case използва знака за долно подчертаване, за да раздели всяка дума. Всяка дума в низа snake_case обикновено започва с малка буква, въпреки че съществуват варианти. Низът camelCase започва с малка буква, като всяка следваща дума започва с главна буква. Няма междинни интервали или препинателни знаци в низ от camelCase.

Езиците за програмиране — и програмистите — използват различни схеми на корпус за имена на променливи и методи.

Примери за низове на snake_case: hello_world, това_е_променлива, SCREAMING_SNAKE_CASE

Примери за струни camelCase: helloWorld, thisIsVariable, makeUseOf

Можете да конвертирате низ snake_case в camelCase, като използвате следния код:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
нека s1 = "hello_world";
console.log (convertSnakeToCamel (s1));
нека s2 = "make_use_of";
console.log (convertSnakeToCamel (s2));
нека s3 = "това_е_променлива";
console.log (convertSnakeToCamel (s3));

Изход:

Здравей свят
да се възползват от
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('(предпочита-цветова схема: тъмно)').съвпада;
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) || дължина на обр. 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));
let 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. PI) / 180,0;
нека temp1 = 360;
console.log (degreesToRadians (temp1));
нека temp2 = 180;
console.log (degreesToRadians (temp2));
нека temp3 = 120;
console.log (degreesToRadians (temp3));

Изход:

6.283185307179586
3.141592653589793
2.0943951023931953

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

Можете да преобразувате ъгъл в радиани в градуси, като използвате следния код:

const radiansToDegrees = (rad) => (rad * 180) / Math. PI;
нека 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 = typeof window 'object' && typeof document 'object';
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, генериране на RandomUUID));
console.log (генерирайте RandomUUID());

Изход:

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

Всеки път, когато стартирате кода, той генерира произволен UUID.

Ако искате да разгледате пълния изходен код, използван в тази статия, ето го GitHub хранилище.

Получете практически познания за JavaScript чрез изграждане на проекти

Най-добрият начин да овладеете всеки език за програмиране е чрез изграждане на проекти. Можете да използвате кратките трикове, описани в тази статия, докато разработвате JavaScript проекти. Ако сте начинаещ и търсите идеи за проекти, започнете с изграждането на прост проект като приложение To-Do, уеб калкулатор или разширение за браузър.

10 идеи за JavaScript проекти за начинаещи

JavaScript е важен език за програмиране, който трябва да се учи. Ако сте нов в това, ето някои проекти, които да ви помогнат да подобрите знанията си.

Прочетете Следващото

За автора