11 JavaScript One-Liners pe care ar trebui să le cunoașteți

JavaScript este unul dintre cele mai populare limbaje de programare. Este folosit pentru a dezvolta site-uri web, aplicații web, servere web, jocuri, aplicații mobile și multe altele.

Sintaxa JavaScript, în special funcțiile sale anonime și săgeți, permite codul concis. Puteți realiza multe cu o singură linie de cod.

În acest articol, veți afla despre 11 versiuni JavaScript care vă vor ajuta să codificați ca un profesionist.

1. Cum se transformă un șir din snake_case în camelCase

Un șir din snake_case folosește caracterul de subliniere pentru a separa fiecare cuvânt. Fiecare cuvânt dintr-un șir snake_case începe de obicei cu o literă mică, deși există variante. Un șir camelCase începe cu o literă mică, fiecare cuvânt următor începând cu o literă mare. Nu există spații intermediare sau semne de punctuație într-un șir camelCase.

Limbajele de programare — și programatorii — folosesc diferite scheme de majuscule pentru nume de variabile și metode.

Exemple de șiruri snake_case: hello_world, aceasta_este_o_variabilă, SCREAMING_SNAKE_CASE

Exemple de șiruri camelCase: helloWorld, thisIsVariable, makeUseOf

Puteți converti un șir snake_case în camelCase folosind următorul cod:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
let s1 = "hello_world";
console.log (convertSnakeToCamel (s1));
let s2 = "make_use_of";
console.log (convertSnakeToCamel (s2));
let s3 = "aceasta_este_o_variabilă";
console.log (convertSnakeToCamel (s3));

Ieșire:

Salut Lume
a te folosi de
aceasta esteAvariabilă

2. Cum să amestecați o matrice JavaScript

Amestecarea unei matrice înseamnă rearanjarea aleatorie a elementelor acesteia. Puteți amesteca o matrice JavaScript folosind următorul cod:

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

Ieșire:

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

Veți obține rezultate diferite în rândurile separate ale acestui cod.

Legate de: Funcțiile săgeții JavaScript vă pot face un dezvoltator mai bun

3. Cum să găsiți media unei matrice

Media medie este suma elementelor matricei împărțită la numărul de elemente. Puteți găsi media unei matrice în JavaScript folosind următorul cod:

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

Ieșire:

3
33.5
6

Legate de: Cum să găsiți media unei matrice în Python, C++, JavaScript și C

4. Cum să detectați modul întunecat folosind JavaScript

Cu codul care rulează într-un browser web, puteți detecta modul întunecat folosind următoarea linie:

const darkMode = window.matchMedia && window.matchMedia('(preferă-schema-culoare: întuneric)').match;
console.log (mod întunecat);

Declarația va reveni Adevărat dacă rulează modul întunecat, în caz contrar, va reveni fals.

5. Cum să detectezi un browser Apple utilizând JavaScript

Puteți verifica dacă browserul rulează pe un computer Apple folosind această potrivire simplă a expresiei regulate:

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

Declarația va reveni Adevărat dacă browserul dvs. rulează pe un dispozitiv Apple, în caz contrar, va reveni fals.

Legate de: Metode de matrice JavaScript pe care ar trebui să le stăpâniți astăzi

6. Cum să verificați dacă o matrice este goală

O matrice este goală dacă nu există elemente în ea. Puteți verifica dacă o matrice este goală folosind următorul cod:

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

Ieșire:

fals
Adevărat
fals

7. Cum să găsiți valori unice într-o matrice

Următoarea linie elimină valorile care se repetă dintr-o matrice, lăsând doar valorile care apar doar o singură dată.

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

Ieșire:

[ 4, 5 ]
[ „W”, „L”, „C”, „T”, „U”]
[ 4, 2 ]

8. Cum se generează o culoare hexagonală aleatorie

Culorile hexadecimale sunt o modalitate de a reprezenta culorile prin valori hexazecimale. Ei urmează formatul #RRGGBB, Unde RR este rosu, GG este verde și BB este albastru. Valorile culorilor hexazecimale sunt în intervalul de la 00 la FF, care specifică intensitatea componentei. Puteți genera culori hexadecimale aleatorii folosind următorul cod JavaScript:

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

Ieșire:

#ff7ea1

De fiecare dată când rulați codul, veți obține o culoare hexagonală aleatorie.

9. Cum să convertiți grade în radiani și viceversa

Gradele și radianii reprezintă măsura unui unghi în geometrie. Puteți converti cu ușurință un unghi în radiani în grade și invers, folosind următoarele formule matematice:

Radiani = Grade × π/180
Grade = Radiani × 180/π

Convertiți grade în radiani

Puteți converti un unghi în grade în radiani folosind următorul cod:

const degreesToRadians = (grade) => (grade * Math. PI) / 180,0;
lasa temp1 = 360;
console.log (gradeToRadians (temp1));
lasa temp2 = 180;
console.log (gradeToRadians (temp2));
lasa temp3 = 120;
console.log (gradeToRadians (temp3));

Ieșire:

6.283185307179586
3.141592653589793
2.0943951023931953

Convertiți radiani în grade

Puteți converti un unghi în radiani în grade folosind următorul cod:

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

Ieșire:

360
180
119.99999999999999

10. Cum să verificați dacă codul rulează într-un browser

Puteți verifica dacă codul dvs. rulează într-un browser utilizând următoarele:

const isRunningInBrowser = tipul ferestrei „obiect” && tipul documentului „obiect”;
console.log (isRunningInBrowser);

Codul de mai sus, care rulează într-un browser, se va imprima Adevărat. Rulând printr-un interpret de linie de comandă, se va imprima fals.

11. Cum se generează un UUID aleatoriu

UUID înseamnă Universally Unique Identifier. Este o valoare de 128 de biți folosită pentru a identifica unic un obiect sau o entitate pe internet. Utilizați următorul cod pentru a genera un UUID aleatoriu:

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

Ieșire:

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

De fiecare dată când rulați codul, acesta generează un UUID aleatoriu.

Dacă doriți să aruncați o privire la codul sursă complet folosit în acest articol, iată Depozitul GitHub.

Obțineți cunoștințe practice despre JavaScript prin construirea de proiecte

Cel mai bun mod de a stăpâni orice limbaj de programare este construirea de proiecte. Puteți folosi trucurile scurte descrise în acest articol în timp ce dezvoltați proiecte JavaScript. Dacă sunteți începător și căutați câteva idei de proiecte, începeți prin a construi un proiect simplu, cum ar fi o aplicație To-Do, un calculator web sau o extensie de browser.

10 idei de proiecte JavaScript pentru începători

JavaScript este un limbaj de programare esențial de învățat. Dacă sunteți nou în acest domeniu, iată câteva proiecte care vă vor ajuta să vă îmbunătățiți cunoștințele.

Citiți în continuare

Despre autor