JavaScript je jedním z nejpopulárnějších programovacích jazyků. Používá se k vývoji webových stránek, webových aplikací, webových serverů, her, mobilních aplikací a dalších.

Syntaxe JavaScriptu, zejména jeho anonymní funkce a funkce šipek, umožňuje stručný kód. S jediným řádkem kódu můžete dosáhnout hodně.

V tomto článku se dozvíte o 11 skriptech JavaScript, které vám pomohou kódovat jako profesionál.

1. Jak převést řetězec z snake_case na camelCase

Řetězec v snake_case používá k oddělení jednotlivých slov podtržítko. Každé slovo v řetězci snake_case obvykle začíná malým písmenem, ačkoli existují varianty. Řetězec camelCase začíná malým písmenem, každé následující slovo začíná velkým písmenem. V řetězci camelCase nejsou žádné mezery ani interpunkce.

Programovací jazyky – a programátoři – používají různá schémata velkých a malých písmen pro názvy proměnných a metod.

Příklady řetězců snake_case: hello_world, this_is_a_variable, SCREAMING_SNAKE_CASE

Příklady strun camelCase: helloWorld, thisIsVariable, useUseOf

instagram viewer

Řetězec snake_case můžete převést na camelCase pomocí následujícího kódu:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
let s1 = "ahoj_světe";
console.log (convertSnakeToCamel (s1));
let s2 = "využít_z";
console.log (convertSnakeToCamel (s2));
let s3 = "toto_je_proměnná";
console.log (convertSnakeToCamel (s3));

Výstup:

Ahoj světe
makeUseOf
toto JE proměnlivé

2. Jak zamíchat pole JavaScript

Zamíchání pole znamená náhodné přeskupení jeho prvků. Pole JavaScriptu můžete zamíchat pomocí následujícího 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ýstup:

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

Získáte různý výstup v rámci jednotlivých běhů tohoto kódu.

Příbuzný: Funkce šipek JavaScriptu z vás mohou udělat lepšího vývojáře

3. Jak zjistit průměr pole

Střední průměr je součet prvků pole dělený počtem prvků. Průměr pole v JavaScriptu můžete najít pomocí následujícího kódu:

const vypocetAverage = (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ýstup:

3
33.5
6

Příbuzný: Jak najít střední hodnotu pole v Pythonu, C++, JavaScriptu a C

4. Jak zjistit tmavý režim pomocí JavaScriptu

S kódem spuštěným ve webovém prohlížeči můžete detekovat tmavý režim pomocí následujícího řádku:

const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
console.log (darkMode);

Výpis se vrátí skutečný pokud je spuštěn tmavý režim, jinak se vrátí Nepravdivé.

5. Jak zjistit prohlížeč Apple pomocí JavaScriptu

Zda prohlížeč běží na počítači Apple, můžete zkontrolovat pomocí této jednoduché shody regulárního výrazu:

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

Výpis se vrátí skutečný pokud váš prohlížeč běží na zařízení Apple, jinak se vrátí Nepravdivé.

Příbuzný: Metody pole JavaScript, které byste měli zvládnout ještě dnes

6. Jak zkontrolovat, zda je pole prázdné

Pole je prázdné, pokud v něm nejsou žádné prvky. Můžete zkontrolovat, zda je pole prázdné, pomocí následujícího kódu:

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ýstup:

Nepravdivé
skutečný
Nepravdivé

7. Jak najít jedinečné hodnoty v poli

Následující jednořádkový řádek odstraní opakující se hodnoty z pole a ponechá pouze hodnoty, které se vyskytují pouze jednou.

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ýstup:

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

8. Jak vygenerovat náhodnou hexadecimální barvu

Hexadecimální barvy představují způsob reprezentace barev pomocí hexadecimálních hodnot. Dodržují formát #RRGGBB, kde RR je červený, GG je zelená a BB je modrá. Hodnoty hexadecimálních barev jsou v rozsahu od 00 do FF, které upřesňují intenzitu složky. Pomocí následujícího kódu JavaScript můžete generovat náhodné hexadecimální barvy:

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

Výstup:

#ff7ea1

Pokaždé, když spustíte kód, získáte náhodnou hexadecimální barvu.

9. Jak převést stupně na radiány a naopak

Stupně a radiány představují míru úhlu v geometrii. Úhel v radiánech můžete snadno převést na stupně a naopak pomocí následujících matematických vzorců:

Radiány = stupně × π/180
Stupně = radiány × 180/π

Převést stupně na radiány

Úhel ve stupních můžete převést na radiány pomocí následujícího kódu:

konst stupňůToRadians = (stupeň) => (stupeň * Mat. PI) / 180,0;
nech temp1 = 360;
console.log (degreesToRadians (temp1));
nechť temp2 = 180;
console.log (degreesToRadians (temp2));
nechť temp3 = 120;
console.log (degreesToRadians (temp3));

Výstup:

6.283185307179586
3.141592653589793
2.0943951023931953

Převeďte radiány na stupně

Úhel v radiánech můžete převést na stupně pomocí následujícího kódu:

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

Výstup:

360
180
119.99999999999999

10. Jak zkontrolovat, zda kód běží v prohlížeči

Zda váš kód běží v prohlížeči, můžete zkontrolovat pomocí následujícího:

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

Výše uvedený kód spuštěný v prohlížeči se vytiskne skutečný. Spuštění přes interpret příkazového řádku se vytiskne Nepravdivé.

11. Jak vygenerovat náhodné UUID

UUID je zkratka pro Universally Unique Identifier. Je to 128bitová hodnota používaná k jedinečné identifikaci objektu nebo entity na internetu. K vygenerování náhodného UUID použijte následující kód:

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

Výstup:

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

Pokaždé, když kód spustíte, vygeneruje náhodné UUID.

Pokud se chcete podívat na úplný zdrojový kód použitý v tomto článku, zde je úložiště GitHub.

Získejte praktické znalosti JavaScriptu při vytváření projektů

Nejlepší způsob, jak zvládnout jakýkoli programovací jazyk, je vytvářet projekty. Krátké triky popsané v tomto článku můžete použít při vývoji JavaScriptových projektů. Pokud jste začátečník a hledáte nějaké nápady na projekty, začněte vytvořením jednoduchého projektu, jako je aplikace To-Do, webová kalkulačka nebo rozšíření prohlížeče.

10 nápadů na projekt JavaScript pro začátečníky

JavaScript je klíčový programovací jazyk, který se musíte naučit. Pokud s tím začínáte, zde je několik projektů, které vám pomohou rozšířit vaše znalosti.

Přečtěte si další

PodíltweetE-mailem
Související témata
  • Programování
  • Programování
  • JavaScript
O autorovi
Yuvraj Chandra (73 zveřejněných článků)

Yuvraj je vysokoškolským studentem informatiky na univerzitě v Dillí v Indii. Je nadšený pro Full Stack Web Development. Když nepíše, zkoumá hloubku různých technologií.

Více od Yuvraj Chandra

Přihlaste se k odběru našeho newsletteru

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné e-knihy a exkluzivní nabídky!

Chcete-li se přihlásit k odběru, klikněte sem