11 JavaScript jednostrukih tekstova koje biste trebali znati

JavaScript je jedan od najpopularnijih programskih jezika. Koristi se za razvoj web stranica, web aplikacija, web poslužitelja, igara, mobilnih aplikacija i još mnogo toga.

JavaScriptova sintaksa, osobito njegove anonimne funkcije i funkcije strelice, omogućavaju sažeti kod. Sa samo jednom linijom koda možete postići puno.

U ovom ćete članku naučiti o 11 JavaScript jednostrukih tekstova koji će vam pomoći da kodirate kao profesionalac.

1. Kako pretvoriti niz iz snake_case u camelCase

Niz u snake_case koristi znak podvlake za odvajanje svake riječi. Svaka riječ u nizu snake_case obično počinje malim slovom, iako postoje varijante. CamelCase niz počinje malim slovom, a svaka sljedeća riječ počinje velikim slovom. U nizu camelCase nema razmaka ili interpunkcije.

Programski jezici – i programeri – koriste različite sheme kućišta za nazive varijabli i metoda.

Primjeri nizova zmija_case: hello_world, this_is_a_variable, SCREAMING_SNAKE_CASE

Primjeri CamelCase žica: helloWorld, thisIsVariable, makeUseOf

Niz snake_case možete pretvoriti u camelCase koristeći sljedeći kod:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
neka s1 = "hello_world";
console.log (pretvoriSnakeToCamel (s1));
neka s2 = "napravi_upotrebu";
console.log (pretvoriSnakeToCamel (s2));
neka s3 = "ovo_je_promjenjiva";
console.log (pretvoriSnakeToCamel (s3));

Izlaz:

Pozdrav svijete
iskoristiti
thisIsAVariable

2. Kako promiješati JavaScript niz

Miješanje niza znači nasumično preuređivanje njegovih elemenata. Možete promiješati JavaScript polje pomoću sljedećeg koda:

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

Izlaz:

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

Dobit ćete različite rezultate u različitim izvodima ovog koda.

Povezano: Funkcije sa strelicama JavaScript mogu vas učiniti boljim programerom

3. Kako pronaći prosjek niza

Srednji prosjek je zbroj elemenata niza podijeljen s brojem elemenata. Možete pronaći prosjek niza u JavaScriptu koristeći sljedeći kod:

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

Izlaz:

3
33.5
6

Povezano: Kako pronaći srednju vrijednost niza u Pythonu, C++, JavaScript i C

4. Kako otkriti tamni način rada pomoću JavaScripta

S kodom koji se izvodi u web-pregledniku, možete otkriti tamni način pomoću sljedećeg jednog redaka:

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

Izjava će se vratiti pravi ako je tamni način rada pokrenut, inače će se vratiti lažno.

5. Kako otkriti Apple preglednik pomoću JavaScripta

Možete provjeriti radi li preglednik na Apple računalu pomoću ovog jednostavnog podudaranja regularnog izraza:

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

Izjava će se vratiti pravi ako vaš preglednik radi na Apple uređaju, inače će se vratiti lažno.

Povezano: Metode JavaScript polja koje biste trebali savladati danas

6. Kako provjeriti je li niz prazan

Niz je prazan ako u njemu nema elemenata. Možete provjeriti je li niz prazan pomoću sljedećeg koda:

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

Izlaz:

lažno
pravi
lažno

7. Kako pronaći jedinstvene vrijednosti u nizu

Sljedeći jednostruki redak uklanja ponavljajuće vrijednosti iz niza, ostavljajući samo vrijednosti koje se pojavljuju samo jedanput.

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

Izlaz:

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

8. Kako generirati slučajnu heksadecimalnu boju

Heksadecimalne boje su način predstavljanja boja kroz heksadecimalne vrijednosti. Prate format #RRGGBB, gdje RR je crvena, GG je zelena, i BB je plava. Vrijednosti heksadecimalnih boja su u rasponu od 00 do FF, koje određuju intenzitet komponente. Možete generirati nasumične heksadecimalne boje koristeći sljedeći JavaScript kod:

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

Izlaz:

#ff7ea1

Svaki put kada pokrenete kod, dobit ćete slučajnu heksadecimalnu boju.

9. Kako pretvoriti stupnjeve u radijane i obrnuto

Stupnjevi i radijani predstavljaju mjeru kuta u geometriji. Kut u radijanima možete jednostavno pretvoriti u stupnjeve i obrnuto, koristeći sljedeće matematičke formule:

Radijani = stupnjevi × π/180
Stupnjevi = radijani × 180/π

Pretvorite stupnjeve u radijane

Možete pretvoriti kut u stupnjevima u radijane pomoću sljedećeg koda:

const stupnjevaToRadians = (deg) => (deg * Math. PI) / 180,0;
neka temp1 = 360;
console.log (stupnjeviToRadians (temp1));
neka temp2 = 180;
console.log (stupnjeviToRadians (temp2));
neka temp3 = 120;
console.log (stupnjeviToRadians (temp3));

Izlaz:

6.283185307179586
3.141592653589793
2.0943951023931953

Pretvorite radijane u stupnjeve

Možete pretvoriti kut u radijanima u stupnjeve pomoću sljedećeg koda:

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

Izlaz:

360
180
119.99999999999999

10. Kako provjeriti radi li se kod u pregledniku

Možete provjeriti radi li se vaš kod u pregledniku pomoću sljedećeg:

const isRunningInBrowser = tip prozora 'objekt' && tip dokumenta 'objekt';
console.log (isRunningInBrowser);

Gornji kod, koji radi u pregledniku, ispisat će se pravi. Pokreće se putem tumača naredbenog retka, ispisat će se lažno.

11. Kako generirati slučajni UUID

UUID je skraćenica od Universally Unique Identifier. To je 128-bitna vrijednost koja se koristi za jedinstvenu identifikaciju objekta ili entiteta na internetu. Koristite sljedeći kod za generiranje slučajnog UUID-a:

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

Izlaz:

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

Svaki put kada pokrenete kod, on generira nasumični UUID.

Ako želite pogledati kompletan izvorni kod korišten u ovom članku, evo GitHub spremište.

Steknite praktično znanje o JavaScriptu izgradnjom projekata

Najbolji način za savladavanje bilo kojeg programskog jezika je izgradnja projekata. Možete koristiti kratke trikove opisane u ovom članku dok razvijate JavaScript projekte. Ako ste početnik i tražite neke projektne ideje, počnite s izradom jednostavnog projekta poput aplikacije To-Do, web kalkulatora ili proširenja preglednika.

10 JavaScript projektnih ideja za početnike

JavaScript je ključan programski jezik za učenje. Ako ste novi u tome, evo nekoliko projekata koji će vam pomoći da poboljšate svoje znanje.

Pročitajte dalje

O autoru