11 JavaScript One-Liner du bør kjenne til

JavaScript er et av de mest populære programmeringsspråkene. Den brukes til å utvikle nettsteder, webapplikasjoner, webservere, spill, mobilapper og mer.

JavaScripts syntaks, spesielt dens anonyme og pilfunksjoner, tillater kortfattet kode. Du kan oppnå mye med bare en enkelt kodelinje.

I denne artikkelen lærer du om 11 JavaScript one-liners som vil hjelpe deg å kode som en proff.

1. Hvordan konvertere en streng fra snake_case til camelCase

En streng i snake_case bruker understrekingstegnet for å skille hvert ord. Hvert ord i en snake_case-streng begynner vanligvis med en liten bokstav, selv om det finnes varianter. En camelCase-streng begynner med en liten bokstav, og hvert påfølgende ord begynner med en stor bokstav. Det er ingen mellomrom eller tegnsetting i en camelCase-streng.

Programmeringsspråk – og programmerere – bruker forskjellige skjemaer for store og små bokstaver for variabel- og metodenavn.

Eksempler på snake_case-strenger: hei_verden, dette_er_en_variabel, SCREAMING_SNAKE_CASE

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

Du kan konvertere en snake_case-streng til camelCase ved å bruke følgende kode:

const convertSnakeToCamel = (s) => s.toLowerCase().erstatt(/(_\w)/g, (w) => w.toUpperCase().substr (1));
la s1 = "hello_world";
console.log (konverter SnakeToCamel (s1));
la s2 = "bruk_av";
console.log (konverter SnakeToCamel (s2));
la s3 = "dette_er_en_variabel";
console.log (konverter SnakeToCamel (s3));

Produksjon:

Hei Verden
benytte seg av
dette er AVvariabelt

2. Slik blander du en JavaScript-array

Å blande en matrise betyr å omorganisere elementene tilfeldig. Du kan blande en JavaScript-matrise ved å bruke følgende kode:

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

Produksjon:

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

Du vil få varierende utdata over separate kjøringer av denne koden.

I slekt: JavaScript-pilfunksjoner kan gjøre deg til en bedre utvikler

3. Hvordan finne gjennomsnittet av en matrise

Gjennomsnittet er summen av elementene i arrayet delt på antall elementer. Du kan finne gjennomsnittet av en matrise i JavaScript ved å bruke følgende kode:

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

Produksjon:

3
33.5
6

I slekt: Hvordan finne gjennomsnittet av en matrise i Python, C++, JavaScript og C

4. Hvordan oppdage mørk modus ved hjelp av JavaScript

Med kode som kjører i en nettleser, kan du oppdage mørk modus ved å bruke følgende one-liner:

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

Uttalelsen kommer tilbake ekte hvis mørk modus kjører, ellers kommer den tilbake falsk.

5. Slik oppdager du en Apple-nettleser ved hjelp av JavaScript

Du kan sjekke om nettleseren kjører på en Apple-datamaskin ved å bruke dette enkle regulære uttrykket:

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

Uttalelsen kommer tilbake ekte hvis nettleseren din kjører på en Apple-enhet, ellers kommer den tilbake falsk.

I slekt: JavaScript-array-metoder du bør mestre i dag

6. Hvordan sjekke om en matrise er tom

En matrise er tom hvis det ikke er noen elementer i den. Du kan sjekke om en matrise er tom ved å bruke følgende kode:

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

Produksjon:

falsk
ekte
falsk

7. Hvordan finne unike verdier i en matrise

Følgende one-liner fjerner gjentatte verdier fra en matrise, og etterlater bare verdier som bare forekommer én gang.

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

Produksjon:

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

8. Hvordan generere en tilfeldig hex-farge

Hex-farger er en måte å representere farger på gjennom heksadesimale verdier. De følger formatet #RRGGBB, hvor RR er rød, GG er grønn, og BB er blå. Verdiene for heksadesimale farger er i området fra 00 til FF, som spesifiserer intensiteten til komponenten. Du kan generere tilfeldige hex-farger ved å bruke følgende JavaScript-kode:

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

Produksjon:

#ff7ea1

Hver gang du kjører koden, får du en tilfeldig sekskantfarge.

9. Hvordan konvertere grader til radianer og omvendt

Grader og radianer representerer målet for en vinkel i geometri. Du kan enkelt konvertere en vinkel i radianer til grader, og omvendt, ved å bruke følgende matematiske formler:

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

Konverter grader til radianer

Du kan konvertere en vinkel i grader til radianer ved å bruke følgende kode:

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

Produksjon:

6.283185307179586
3.141592653589793
2.0943951023931953

Konverter radianer til grader

Du kan konvertere en vinkel i radianer til grader ved å bruke følgende kode:

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

Produksjon:

360
180
119.99999999999999

10. Hvordan sjekke om koden kjører i en nettleser

Du kan sjekke om koden din kjører i en nettleser ved å bruke følgende:

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

Koden ovenfor, som kjører i en nettleser, skrives ut ekte. Kjører via en kommandolinjetolk, vil den skrives ut falsk.

11. Hvordan generere en tilfeldig UUID

UUID står for Universally Unique Identifier. Det er en 128-bits verdi som brukes til å identifisere et objekt eller en enhet unikt på internett. Bruk følgende kode for å generere en tilfeldig UUID:

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

Produksjon:

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

Hver gang du kjører koden, genererer den en tilfeldig UUID.

Hvis du vil ta en titt på den fullstendige kildekoden som brukes i denne artikkelen, her er GitHub-depot.

Få praktisk JavaScript-kunnskap ved å bygge prosjekter

Den beste måten å mestre et hvilket som helst programmeringsspråk på er å bygge prosjekter. Du kan bruke de korte triksene som er beskrevet i denne artikkelen mens du utvikler JavaScript-prosjekter. Hvis du er nybegynner og ser etter noen prosjektideer, start med å bygge et enkelt prosjekt som en gjøremålsapp, nettkalkulator eller nettleserutvidelse.

10 JavaScript-prosjektideer for nybegynnere

JavaScript er et viktig programmeringsspråk å lære. Hvis du er ny på det, her er noen prosjekter for å hjelpe deg med å øke kunnskapen din.

Les Neste

Om forfatteren