11 enovrstic JavaScript, ki jih morate poznati

JavaScript je eden najbolj priljubljenih programskih jezikov. Uporablja se za razvoj spletnih mest, spletnih aplikacij, spletnih strežnikov, iger, mobilnih aplikacij in še več.

Sintaksa JavaScripta, zlasti njegove anonimne in puščične funkcije, omogoča jedrnato kodo. Z eno samo vrstico kode lahko dosežete veliko.

V tem članku se boste naučili 11 enovrstic JavaScript, ki vam bodo pomagali kodirati kot profesionalec.

1. Kako pretvoriti niz iz snake_case v camelCase

Niz v snake_case uporablja podčrtaj za ločevanje vsake besede. Vsaka beseda v nizu snake_case se običajno začne z malo črko, čeprav obstajajo različice. Niz CamelCase se začne z malo črko, vsaka naslednja beseda pa se začne z veliko črko. V nizu CamelCase ni vmesnih presledkov ali ločil.

Programski jeziki – in programerji – uporabljajo različne sheme črt za imena spremenljivk in metod.

Primeri nizov snake_case: hello_world, this_is_a_variable, SCREAMING_SNAKE_CASE

Primeri vrvic camelCase: helloWorld, thisIsVariable, makeUseOf

Niz snake_case lahko pretvorite v camelCase z uporabo naslednje kode:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
naj s1 = "zdravo_svet";
console.log (pretvoriSnakeToCamel (s1));
let s2 = "napravi_uporabo_of";
console.log (pretvoriSnakeToCamel (s2));
naj s3 = "ta_je_spremenljivka";
console.log (pretvoriSnakeToCamel (s3));

Izhod:

Pozdravljen, svet
izkoristijo
thisIsAVariable

2. Kako premešati polje JavaScript

Premeščanje matrike pomeni naključno preureditev njegovih elementov. Matriko JavaScript lahko premešate z naslednjo kodo:

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

Izhod:

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

Dobili boste različen izhod v ločenih izvodih te kode.

Povezano: Puščične funkcije JavaScript vas lahko naredijo boljšega razvijalca

3. Kako najti povprečje matrike

Povprečno povprečje je vsota elementov matrike, deljena s številom elementov. Povprečje matrike v JavaScriptu lahko najdete z naslednjo kodo:

const izračunajPovprečje = (arr) => arr.reduce((a, b) => a + b, 0) / arr.length;
naj arr1 = [1, 2, 3, 4, 5];
console.log (izračunajAverage (arr1));
naj arr2 = [12, 34, 45, 43];
console.log (izračunajAverage (arr2));
naj arr3 = [2, 4, 6, 8, 10];
console.log (izračunajAverage (arr3));

Izhod:

3
33.5
6

Povezano: Kako najti povprečje matrike v Pythonu, C++, JavaScript in C

4. Kako zaznati temni način z uporabo JavaScripta

S kodo, ki se izvaja v spletnem brskalniku, lahko zaznate temni način z uporabo naslednje ene vrstice:

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

Izjava se bo vrnila prav če teče temni način, se v nasprotnem primeru vrne napačno.

5. Kako zaznati brskalnik Apple z uporabo JavaScripta

Če brskalnik deluje v računalniku Apple, lahko preverite s tem preprostim ujemanje regularnega izraza:

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

Izjava se bo vrnila prav če vaš brskalnik deluje na napravi Apple, sicer se bo vrnil napačno.

Povezano: Metode matrike JavaScript, ki bi jih morali obvladati danes

6. Kako preveriti, ali je niz prazen

Niz je prazen, če v njem ni elementov. Če je niz prazen, lahko preverite z naslednjo kodo:

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

Izhod:

napačno
prav
napačno

7. Kako najti edinstvene vrednosti v nizu

Naslednja ena vrstica odstrani ponavljajoče se vrednosti iz matrike in pusti le vrednosti, ki se pojavijo samo enkrat.

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

Izhod:

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

8. Kako ustvariti naključno šestnajstiško barvo

Heksadecimalne barve so način predstavitve barv s pomočjo šestnajstiških vrednosti. Sledijo obliki #RRGGBB, kje RR je rdeča, GG je zelena in BB je modra. Vrednosti šestnajstiških barv so v območju od 00 do FF, ki določajo intenzivnost komponente. Z naslednjo kodo JavaScript lahko ustvarite naključne šestnajstiške barve:

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

Izhod:

#ff7ea1

Vsakič, ko zaženete kodo, boste dobili naključno šestnajstiško barvo.

9. Kako pretvoriti stopinje v radiane in obratno

Stopnje in radiani predstavljajo mero kota v geometriji. Kot v radianih lahko preprosto pretvorite v stopinje in obratno z uporabo naslednjih matematičnih formul:

Radiani = stopinje × π/180
Stopinje = radiani × 180/π

Pretvorite stopinje v radiane

Kot v stopinjah lahko pretvorite v radiane z naslednjo kodo:

const stopinjToRadians = (deg) => (deg * Math. PI) / 180,0;
naj bo temp1 = 360;
console.log (stopinjToRadians (temp1));
naj bo temp2 = 180;
console.log (stopinjToRadians (temp2));
naj bo temp3 = 120;
console.log (stopinjToRadians (temp3));

Izhod:

6.283185307179586
3.141592653589793
2.0943951023931953

Pretvori radiane v stopinje

Kot v radianih lahko pretvorite v stopinje z naslednjo kodo:

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

Izhod:

360
180
119.99999999999999

10. Kako preveriti, ali se koda izvaja v brskalniku

Če se vaša koda izvaja v brskalniku, lahko preverite z naslednjim:

const isRunningInBrowser = vrsta okna 'objekt' && vrsta dokumenta 'objekt';
console.log (isRunningInBrowser);

Zgornja koda, ki se izvaja v brskalniku, se natisne prav. Če se izvaja prek tolmača ukazne vrstice, se bo natisnil napačno.

11. Kako ustvariti naključni UUID

UUID pomeni univerzalni edinstveni identifikator. To je 128-bitna vrednost, ki se uporablja za edinstveno identifikacijo predmeta ali entitete na internetu. Za ustvarjanje naključnega UUID uporabite naslednjo kodo:

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

Izhod:

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

Vsakič, ko zaženete kodo, ustvari naključni UUID.

Če si želite ogledati celotno izvorno kodo, uporabljeno v tem članku, je tukaj GitHub repozitorij.

Pridobite praktično znanje JavaScript z gradnjo projektov

Najboljši način za obvladovanje katerega koli programskega jezika je izdelava projektov. Pri razvoju projektov JavaScript lahko uporabite kratke trike, opisane v tem članku. Če ste začetnik in iščete nekaj projektnih idej, začnite z izdelavo preprostega projekta, kot je aplikacija za opravila, spletni kalkulator ali razširitev brskalnika.

10 idej JavaScript projektov za začetnike

JavaScript je ključnega pomena programski jezik za učenje. Če ste novi v tem, je tukaj nekaj projektov, ki vam bodo pomagali izboljšati svoje znanje.

Preberite Naprej

O avtorju