11 JavaScripti ühejoonist, mida peaksite teadma

JavaScript on üks populaarsemaid programmeerimiskeeli. Seda kasutatakse veebisaitide, veebirakenduste, veebiserverite, mängude, mobiilirakenduste ja muu arendamiseks.

JavaScripti süntaks, eriti selle anonüümsed ja noolefunktsioonid, võimaldab kasutada lühikest koodi. Ainult ühe koodireaga saate palju saavutada.

Sellest artiklist saate teada 11 JavaScripti üherealisest tekstist, mis aitavad teil professionaalina kodeerida.

1. Kuidas teisendada string snake_case'ist camelCase'iks

String snake_case kasutab iga sõna eraldamiseks alakriipsu. Iga sõna snake_case stringis algab tavaliselt väiketähega, kuigi on ka variante. CamelCase string algab väikese tähega, iga järgmine sõna algab suure tähega. CamelCase stringis pole tühikuid ega kirjavahemärke.

Programmeerimiskeeled ja programmeerijad kasutavad muutujate ja meetodite nimede jaoks erinevaid korpuse skeeme.

Snake_case stringide näited: tere_maailm, see_on_muutuja, SCREAMING_SNAKE_CASE

CamelCase'i stringide näited: helloWorld, thisIsVariable, makeUseOf

Saate teisendada snake_case stringi camelCase'iks, kasutades järgmist koodi:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
olgu s1 = "tere_maailm";
console.log (convertSnakeToCamel (s1));
olgu s2 = "kasutage_kasutust";
console.log (convertSnakeToCamel (s2));
olgu s3 = "see_on_muutuja";
console.log (convertSnakeToCamel (s3));

Väljund:

Tere, Maailm
makeUseOf
see on muutuv

2. Kuidas segada JavaScripti massiivi

Massiivi segamine tähendab selle elementide juhuslikku ümberpaigutamist. JavaScripti massiivi saate segada, kasutades järgmist koodi:

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

Väljund:

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

Saate selle koodi erinevate käituste jooksul erineva väljundi.

Seotud: JavaScripti noolefunktsioonid võivad muuta teid paremaks arendajaks

3. Kuidas leida massiivi keskmist

Keskmine keskmine on massiivi elementide summa jagatud elementide arvuga. JavaScripti massiivi keskmise leiate järgmise koodi abil:

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

Väljund:

3
33.5
6

Seotud: Kuidas leida massiivi keskmist Pythonis, C++, JavaScriptis ja C

4. Kuidas tuvastada tumedat režiimi JavaScripti abil

Kui kood töötab veebibrauseris, saate tumeda režiimi tuvastada, kasutades järgmist ühejoonelist:

const darkMode = window.matchMedia && window.matchMedia('(eelistab värviskeemi: tume)').matches;
console.log (darkMode);

Avaldus tuleb tagasi tõsi kui tume režiim töötab, naaseb see muidu vale.

5. Kuidas JavaScripti abil Apple'i brauserit tuvastada

Saate kontrollida, kas brauser töötab Apple'i arvutis, kasutades seda lihtsat regulaaravaldise vastet:

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

Avaldus tuleb tagasi tõsi kui teie brauser töötab Apple'i seadmes, naaseb see muidu vale.

Seotud: JavaScripti massiivi meetodid, mida peaksite juba täna valdama

6. Kuidas kontrollida, kas massiiv on tühi

Massiiv on tühi, kui selles pole elemente. Saate kontrollida, kas massiiv on tühi, kasutades järgmist koodi:

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

Väljund:

vale
tõsi
vale

7. Kuidas leida massiivist ainulaadseid väärtusi

Järgmine üherealine eemaldab massiivist korduvad väärtused, jättes alles ainult need väärtused, mis esinevad vaid ühel korral.

const findUniquesInArray = (arr) => arr.filter((i) => arr.indexOf (i) arr.lastIndexOf (i));
olgu 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));
olgu arr3 = [5, 5, 5, 3, 3, 4, 5, 8, 2, 8];
console.log (findUniquesInArray (arr3));

Väljund:

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

8. Juhusliku kuuekümnendiku värvi genereerimine

Kuueteistkümnendvärvid on viis värvide esitamiseks kuueteistkümnendsüsteemi väärtuste kaudu. Nad järgivad vormingut #RRGBBB, kus RR on punane, GG on roheline ja BB on sinine. Kuueteistkümnendsüsteemi värvide väärtused on vahemikus 00 kuni FF, mis määravad komponendi intensiivsuse. Saate genereerida juhuslikke kuueteistkümnendvärve, kasutades järgmist JavaScripti koodi:

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

Väljund:

#ff7ea1

Iga kord, kui koodi käivitate, saate juhusliku kuueteistkümnendvärvi.

9. Kuidas teisendada kraadid radiaanideks ja vastupidi

Kraadid ja radiaanid tähistavad nurga mõõtu geomeetrias. Radiaanides oleva nurga saate hõlpsasti teisendada kraadideks ja vastupidi, kasutades järgmisi matemaatilisi valemeid:

Radiaanid = kraadid × π/180
Kraadid = radiaanid × 180/π

Teisenda kraadid radiaanideks

Nurka saate teisendada kraadides radiaanideks, kasutades järgmist koodi:

const kraadidToRadiaanid = (deg) => (deg * Math. PI) / 180,0;
olgu temp1 = 360;
console.log (degreesToRadians (temp1));
olgu temp2 = 180;
console.log (degreesToRadians (temp2));
olgu temp3 = 120;
console.log (degreesToRadians (temp3));

Väljund:

6.283185307179586
3.141592653589793
2.0943951023931953

Teisenda radiaanid kraadideks

Nurka radiaanides saate teisendada kraadideks, kasutades järgmist koodi:

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

Väljund:

360
180
119.99999999999999

10. Kuidas kontrollida, kas kood töötab brauseris

Saate kontrollida, kas teie kood töötab brauseris, kasutades järgmist.

const isRunningInBrowser = akna tüüp 'objekt' && dokumendi tüüp 'objekt';
console.log (isRunningInBrowser);

Ülaltoodud kood, mis töötab brauseris, prinditakse tõsi. Käivitades käsureatõlgi kaudu, prinditakse vale.

11. Juhusliku UUID loomine

UUID tähistab universaalset unikaalset identifikaatorit. See on 128-bitine väärtus, mida kasutatakse objekti või olemi unikaalseks tuvastamiseks Internetis. Juhusliku UUID genereerimiseks kasutage järgmist koodi:

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

Väljund:

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

Iga kord, kui kood käivitate, genereerib see juhusliku UUID-i.

Kui soovite vaadata selles artiklis kasutatud täielikku lähtekoodi, siis siin on see GitHubi hoidla.

Hankige projektide ehitamise kaudu praktilisi JavaScripti teadmisi

Parim viis mis tahes programmeerimiskeele valdamiseks on projektide koostamine. JavaScripti projektide väljatöötamisel saate kasutada selles artiklis kirjeldatud lühinäpunäiteid. Kui olete algaja ja otsite projektiideid, alustage lihtsa projekti loomisega, nagu rakendus To-Do, veebikalkulaator või brauseri laiendus.

10 JavaScripti projektiideed algajatele

JavaScript on oluline programmeerimiskeel, mida õppida. Kui olete sellega uus, on siin mõned projektid, mis aitavad teil oma teadmisi täiendada.

Loe edasi

Autori kohta