11 JavaScript One-Liners, ktoré by ste mali vedieť

JavaScript je jedným z najpopulárnejších programovacích jazykov. Používa sa na vývoj webových stránok, webových aplikácií, webových serverov, hier, mobilných aplikácií a ďalších.

Syntax JavaScriptu, najmä jeho anonymné a šípkové funkcie, umožňuje stručný kód. S jediným riadkom kódu môžete dosiahnuť veľa.

V tomto článku sa dozviete o 11 skriptoch JavaScript, ktoré vám pomôžu pri kódovaní ako profesionálovi.

1. Ako previesť reťazec z snake_case na camelCase

Reťazec v snake_case používa znak podčiarknutia na oddelenie každého slova. Každé slovo v reťazci snake_case zvyčajne začína malým písmenom, aj keď existujú varianty. Reťazec camelCase začína malým písmenom, pričom každé nasledujúce slovo začína veľkým písmenom. V reťazci camelCase nie sú žiadne medzery ani interpunkcia.

Programovacie jazyky – a programátori – používajú rôzne schémy veľkých a malých písmen pre názvy premenných a metód.

Príklady reťazcov snake_case: hello_world, this_is_a_variable, SCREAMING_SNAKE_CASE

Príklady strún camelCase: ahojSvete, toto je premenné, použite

Reťazec snake_case môžete previesť na camelCase pomocou nasledujúceho kódu:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
nech s1 = "ahoj_svet";
console.log (convertSnakeToCamel (s1));
nech s2 = "make_use_of";
console.log (convertSnakeToCamel (s2));
nech s3 = "táto_je_premenná";
console.log (convertSnakeToCamel (s3));

Výkon:

ahoj svet
použiť
toto JE premenlivé

2. Ako zamiešať pole JavaScript

Premiešanie poľa znamená náhodné preusporiadanie jeho prvkov. Pole JavaScript môžete zamiešať pomocou nasledujúceho kódu:

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

Výkon:

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

Dostanete rôzny výstup v jednotlivých spusteniach tohto kódu.

Súvisiace: Funkcie šípok JavaScript z vás môžu urobiť lepšieho vývojára

3. Ako nájsť priemer poľa

Stredný priemer je súčet prvkov poľa vydelený počtom prvkov. Priemer poľa v JavaScripte môžete nájsť pomocou nasledujúceho kódu:

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

Výkon:

3
33.5
6

Súvisiace: Ako nájsť priemer poľa v Pythone, C++, JavaScript a C

4. Ako zistiť tmavý režim pomocou JavaScriptu

S kódom spusteným vo webovom prehliadači môžete zistiť tmavý režim pomocou nasledujúceho jednoduchého riadku:

const darkMode = window.matchMedia && window.matchMedia('(preferuje-farebnu-schemu: dark)').matches;
console.log (darkMode);

Výpis sa vráti pravda ak je spustený tmavý režim, v opačnom prípade sa vráti falošné.

5. Ako zistiť prehliadač Apple pomocou JavaScriptu

Pomocou tejto jednoduchej zhody regulárneho výrazu môžete skontrolovať, či prehliadač beží na počítači Apple:

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

Výpis sa vráti pravda ak váš prehliadač beží na zariadení Apple, v opačnom prípade sa vráti falošné.

Súvisiace: Metódy poľa JavaScript, ktoré by ste mali zvládnuť ešte dnes

6. Ako skontrolovať, či je pole prázdne

Pole je prázdne, ak v ňom nie sú žiadne prvky. Pomocou nasledujúceho kódu môžete skontrolovať, či je pole prázdne:

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

Výkon:

falošné
pravda
falošné

7. Ako nájsť jedinečné hodnoty v poli

Nasledujúci jednoduchý riadok odstráni opakujúce sa hodnoty z poľa a ponechajú len hodnoty, ktoré sa vyskytujú len raz.

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

Výkon:

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

8. Ako vygenerovať náhodnú hexadecimálnu farbu

Hexadecimálne farby predstavujú spôsob znázornenia farieb prostredníctvom hexadecimálnych hodnôt. Dodržiavajú formát #RRGGBB, kde RR je červená, GG je zelená a BB je modrá. Hodnoty hexadecimálnych farieb sú v rozsahu od 00 do FF, ktoré špecifikujú intenzitu zložky. Náhodné hexadecimálne farby môžete vygenerovať pomocou nasledujúceho kódu JavaScript:

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

Výkon:

#ff7ea1

Zakaždým, keď spustíte kód, získate náhodnú hexadecimálnu farbu.

9. Ako previesť stupne na radiány a naopak

Stupne a radiány predstavujú mieru uhla v geometrii. Pomocou nasledujúcich matematických vzorcov môžete jednoducho previesť uhol v radiánoch na stupne a naopak:

Radiány = stupne × π/180
Stupne = radiány × 180/π

Previesť stupne na radiány

Pomocou nasledujúceho kódu môžete previesť uhol v stupňoch na radiány:

konštantné stupneToRadians = (stupeň) => (stupeň * Mat. PI) / 180,0;
nech temp1 = 360;
console.log (degreesToRadians (temp1));
nech teplota 2 = 180;
console.log (degreesToRadians (temp2));
nech teplota 3 = 120;
console.log (degreesToRadians (temp3));

Výkon:

6.283185307179586
3.141592653589793
2.0943951023931953

Previesť radiány na stupne

Pomocou nasledujúceho kódu môžete previesť uhol v radiánoch na stupne:

const radiansToDegrees = (rad) => (rad * 180) / Mat. PI;
nech temp1 = 6,283185307179586;
console.log (radiansToDegrees (temp1));
nech temp2 = 3,141592653589793;
console.log (radiansToDegrees (temp2));
nech temp3 = 2,0943951023931953;
console.log (radiansToDegrees (temp3));

Výkon:

360
180
119.99999999999999

10. Ako skontrolovať, či kód beží v prehliadači

Či je váš kód spustený v prehliadači, môžete skontrolovať nasledujúcim spôsobom:

const isRunningInBrowser = typ okna 'objekt' && typ dokumentu 'objekt';
console.log (isRunningInBrowser);

Vyššie uvedený kód spustený v prehliadači sa vytlačí pravda. Spustí sa cez interpret príkazového riadku a vytlačí sa falošné.

11. Ako vygenerovať náhodné UUID

Skratka UUID znamená Universally Unique Identifier. Je to 128-bitová hodnota používaná na jedinečnú identifikáciu objektu alebo entity na internete. Na vygenerovanie náhodného UUID použite nasledujúci kód:

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

Výkon:

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

Zakaždým, keď spustíte kód, vygeneruje náhodné UUID.

Ak sa chcete pozrieť na úplný zdrojový kód použitý v tomto článku, tu je Úložisko GitHub.

Získajte praktické znalosti JavaScriptu pri vytváraní projektov

Najlepší spôsob, ako zvládnuť akýkoľvek programovací jazyk, je vytvárať projekty. Pri vývoji projektov JavaScript môžete použiť krátke triky opísané v tomto článku. Ak ste začiatočník a hľadáte nejaké nápady na projekty, začnite vytvorením jednoduchého projektu, ako je aplikácia na úlohy, webová kalkulačka alebo rozšírenie prehliadača.

10 nápadov na projekt JavaScript pre začiatočníkov

JavaScript je kľúčový programovací jazyk, ktorý sa treba naučiť. Ak ste v tejto oblasti nováčik, tu je niekoľko projektov, ktoré vám pomôžu rozšíriť vaše znalosti.

Prečítajte si ďalej

O autorovi