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
Ř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.
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ší
- Programování
- Programování
- JavaScript
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í.
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