11 JavaScript One-Liner du bør kende

JavaScript er et af de mest populære programmeringssprog. Det bruges til at udvikle websteder, webapplikationer, webservere, spil, mobilapps og mere.

JavaScripts syntaks, især dens anonyme og pilefunktioner, giver mulighed for kortfattet kode. Du kan opnå meget med blot en enkelt linje kode.

I denne artikel lærer du om 11 JavaScript one-liners, der hjælper dig med at kode som en professionel.

1. Sådan konverteres en streng fra snake_case til camelCase

En streng i snake_case bruger understregningstegn til at adskille hvert ord. Hvert ord i en slangebogstav begynder normalt med et lille bogstav, selvom der findes varianter. En camelCase-streng begynder med et lille bogstav, hvor hvert efterfølgende ord begynder med et stort bogstav. Der er ingen mellemrum eller tegnsætning i en camelCase-streng.

Programmeringssprog – og programmører – bruger forskellige skemaer med store bogstaver til variabel- og metodenavne.

Eksempler på snake_case strenge: hej_verden, dette_er_en_variabel, SCREAMING_SNAKE_CASE

Eksempler på camelCase-strenge: helloWorld, thisIsVariable, makeUseOf

Du kan konvertere en snake_case-streng til camelCase ved hjælp af følgende kode:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
lad s1 = "hello_world";
console.log (konverterSnakeToCamel (s1));
lad s2 = "brug_af";
console.log (konverterSnakeToCamel (s2));
lad s3 = "dette_er_en_variabel";
console.log (konverterSnakeToCamel (s3));

Produktion:

Hej Verden
gøre brug af
dette er AVvariabelt

2. Sådan blandes et JavaScript-array

Blanding af et array betyder tilfældigt at omarrangere dets elementer. Du kan blande et JavaScript-array ved at bruge følgende kode:

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

Produktion:

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

Du får varierende output på tværs af separate kørsler af denne kode.

Relaterede: JavaScript-pilefunktioner kan gøre dig til en bedre udvikler

3. Sådan finder du gennemsnittet af en matrix

Middelgennemsnittet er summen af ​​elementerne i arrayet divideret med antallet af elementer. Du kan finde gennemsnittet af et array i JavaScript ved at bruge følgende kode:

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

Produktion:

3
33.5
6

Relaterede: Sådan finder du middelværdien af ​​et array i Python, C++, JavaScript og C

4. Sådan registrerer du mørk tilstand ved hjælp af JavaScript

Med kode, der kører i en webbrowser, kan du registrere mørk tilstand ved hjælp af følgende one-liner:

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

Erklæringen vender tilbage sand hvis mørk tilstand kører, ellers vender den tilbage falsk.

5. Sådan finder du en Apple-browser ved hjælp af JavaScript

Du kan kontrollere, om browseren kører på en Apple-computer ved at bruge dette simple regulære udtryksmatch:

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

Erklæringen vender tilbage sand hvis din browser kører på en Apple-enhed, ellers vender den tilbage falsk.

Relaterede: JavaScript-array-metoder, du bør mestre i dag

6. Sådan kontrolleres, om et array er tomt

En matrix er tom, hvis der ikke er nogen elementer i den. Du kan kontrollere, om et array er tomt ved at bruge følgende kode:

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

Produktion:

falsk
sand
falsk

7. Sådan finder du unikke værdier i et array

Den følgende one-liner fjerner gentagne værdier fra et array og efterlader kun værdier, der kun forekommer en enkelt gang.

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

Produktion:

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

8. Sådan genereres en tilfældig hex-farve

Hex-farver er en måde at repræsentere farver gennem hexadecimale værdier. De følger formatet #RRGGBB, hvor RR er rød, GG er grøn, og BB er blå. Værdierne af hexadecimale farver ligger i området fra 00 til FF, som angiver intensiteten af ​​komponenten. Du kan generere tilfældige hex-farver ved hjælp af følgende JavaScript-kode:

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

Produktion:

#ff7ea1

Hver gang du kører koden, får du en tilfældig hex-farve.

9. Sådan konverteres grader til radianer og omvendt

Grader og radianer repræsenterer målet for en vinkel i geometri. Du kan nemt konvertere en vinkel i radianer til grader og omvendt ved at bruge følgende matematiske formler:

Radianer = grader × π/180
Grader = Radianer × 180/π

Konverter grader til radianer

Du kan konvertere en vinkel i grader til radianer ved hjælp af følgende kode:

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

Produktion:

6.283185307179586
3.141592653589793
2.0943951023931953

Konverter radianer til grader

Du kan konvertere en vinkel i radianer til grader ved hjælp af følgende kode:

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

Produktion:

360
180
119.99999999999999

10. Sådan kontrolleres, om koden kører i en browser

Du kan kontrollere, om din kode kører i en browser ved at bruge følgende:

const isRunningInBrowser = type vindue 'objekt' && type dokument 'objekt';
console.log (isRunningInBrowser);

Ovenstående kode, der kører i en browser, udskrives sand. Kører via en kommandolinjefortolker, udskrives den falsk.

11. Sådan genereres et tilfældigt UUID

UUID står for Universally Unique Identifier. Det er en 128-bit værdi, der bruges til entydigt at identificere et objekt eller en enhed på internettet. Brug følgende kode til at generere et tilfældigt UUID:

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

Produktion:

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

Hver gang du kører koden, genererer den et tilfældigt UUID.

Hvis du vil have et kig på den komplette kildekode, der bruges i denne artikel, er her GitHub-depot.

Få praktisk JavaScript-viden ved at bygge projekter

Den bedste måde at mestre ethvert programmeringssprog på er ved at bygge projekter. Du kan bruge de korte tricks, der er beskrevet i denne artikel, mens du udvikler JavaScript-projekter. Hvis du er nybegynder og leder efter nogle projektideer, så start med at bygge et simpelt projekt som en To-Do-app, webberegner eller browserudvidelse.

10 JavaScript-projektidéer til begyndere

JavaScript er et afgørende programmeringssprog at lære. Hvis du er ny til det, er her nogle projekter, der kan hjælpe dig med at øge din viden.

Læs Næste

Om forfatteren