11 JavaScript One-liners du bör känna till

JavaScript är ett av de mest populära programmeringsspråken. Det används för att utveckla webbplatser, webbapplikationer, webbservrar, spel, mobilappar och mer.

JavaScripts syntax, särskilt dess anonyma funktioner och pilfunktioner, tillåter kortfattad kod. Du kan uppnå mycket med bara en rad kod.

I den här artikeln får du lära dig om 11 JavaScript-one-liners som hjälper dig att koda som ett proffs.

1. Hur man konverterar en sträng från snake_case till camelCase

En sträng i snake_case använder understreckstecknet för att separera varje ord. Varje ord i en snake_case-sträng börjar vanligtvis med en liten bokstav, även om varianter finns. En camelCase-sträng börjar med en liten bokstav, varje efterföljande ord börjar med en stor bokstav. Det finns inga mellanslag eller skiljetecken i en camelCase-sträng.

Programmeringsspråk – och programmerare – använder olika skiftlägesscheman för variabel- och metodnamn.

Exempel på snake_case-strängar: hello_world, this_is_en_variable, SCREAMING_SNAKE_CASE

Exempel på camelCase-strängar: helloWorld, thisIsVariable, makeUseOf

Du kan konvertera en snake_case-sträng till camelCase med följande kod:

const convertSnakeToCamel = (s) => s.toLowerCase().replace(/(_\w)/g, (w) => w.toUpperCase().substr (1));
låt s1 = "hej_världen";
console.log (konverteraSnakeToCamel (s1));
låt s2 = "användning_av";
console.log (konverteraSnakeToCamel (s2));
låt s3 = "detta_är_en_variabel";
console.log (konverteraSnakeToCamel (s3));

Produktion:

Hej världen
använda
detta är AVvariabelt

2. Hur man blandar en JavaScript-array

Att blanda en array innebär att slumpmässigt omarrangera dess element. Du kan blanda en JavaScript-array med följande kod:

const shuffleArray = (arr) => arr.sort(() => 0,5 - Math.random());
låt arr1 = [1, 2, 3, 4, 5];
console.log (shuffleArray (arr1));
låt arr2 = [12, 34, 45, 43];
console.log (shuffleArray (arr2));
låt 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 varierande utdata över separata körningar av den här koden.

Relaterad: JavaScript-pilfunktioner kan göra dig till en bättre utvecklare

3. Hur man hittar medelvärdet för en matris

Medelmedelvärdet är summan av elementen i arrayen dividerat med antalet element. Du kan hitta genomsnittet för en array i JavaScript med hjälp av följande kod:

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

Produktion:

3
33.5
6

Relaterad: Hur man hittar medelvärdet av en array i Python, C++, JavaScript och C

4. Hur man upptäcker mörkt läge med JavaScript

Med kod som körs i en webbläsare kan du upptäcka mörkt läge med hjälp av följande one-liner:

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

Uttalandet återkommer Sann om mörkt läge körs, annars kommer det tillbaka falsk.

5. Hur man upptäcker en Apple-webbläsare med JavaScript

Du kan kontrollera om webbläsaren körs på en Apple-dator med denna enkla matchning av reguljära uttryck:

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

Uttalandet återkommer Sann om din webbläsare körs på en Apple-enhet, annars kommer den tillbaka falsk.

Relaterad: JavaScript-array-metoder du bör behärska idag

6. Hur man kontrollerar om en array är tom

En array är tom om det inte finns några element i den. Du kan kontrollera om en array är tom med följande kod:

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

Produktion:

falsk
Sann
falsk

7. Hur man hittar unika värden i en matris

Följande one-liner tar bort upprepade värden från en array och lämnar bara värden som inträffar en enda gång.

const findUniquesInArray = (arr) => arr.filter((i) => arr.indexOf (i) arr.lastIndexOf (i));
låt arr1 = [1, 2, 3, 4, 5, 1, 2, 3];
console.log (findUniquesInArray (arr1));
låt arr2 = ['W', 'E', 'L', 'C', 'O', 'M', 'E', 'T', 'O', 'M', 'U', 'O '];
console.log (findUniquesInArray (arr2));
låt 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. Hur man genererar en slumpmässig hex-färg

Hexfärger är ett sätt att representera färger genom hexadecimala värden. De följer formatet #RRGGBB, var RR är röd, GG är grön, och BB är blå. Värdena för hexadecimala färger ligger i intervallet från 00 till FF, vilket anger intensiteten för komponenten. Du kan generera slumpmässiga hex-färger med hjälp av följande JavaScript-kod:

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

Produktion:

#ff7ea1

Varje gång du kör koden får du en slumpmässig hex-färg.

9. Hur man konverterar grader till radianer och vice versa

Grader och radianer representerar måttet på en vinkel i geometri. Du kan enkelt konvertera en vinkel i radianer till grader och vice versa med hjälp av följande matematiska formler:

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

Konvertera grader till radianer

Du kan konvertera en vinkel i grader till radianer med hjälp av följande kod:

const graderToRadians = (grad) => (grad * Math. PI)/180,0;
låt temp1 = 360;
console.log (degreesToRadians (temp1));
låt temp2 = 180;
console.log (degreesToRadians (temp2));
låt temp3 = 120;
console.log (degreesToRadians (temp3));

Produktion:

6.283185307179586
3.141592653589793
2.0943951023931953

Konvertera radianer till grader

Du kan konvertera en vinkel i radianer till grader med hjälp av följande kod:

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

Produktion:

360
180
119.99999999999999

10. Hur man kontrollerar om koden körs i en webbläsare

Du kan kontrollera om din kod körs i en webbläsare med följande:

const isRunningInBrowser = typ av fönster 'objekt' && typ av dokument 'objekt';
console.log (isRunningInBrowser);

Ovanstående kod, som körs i en webbläsare, skrivs ut Sann. Körs via en kommandoradstolk, kommer den att skrivas ut falsk.

11. Hur man genererar ett slumpmässigt UUID

UUID står för Universally Unique Identifier. Det är ett 128-bitars värde som används för att unikt identifiera ett objekt eller entitet på internet. Använd följande kod för att generera ett slumpmässigt UUID:

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

Produktion:

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

Varje gång du kör koden genererar den ett slumpmässigt UUID.

Om du vill ta en titt på den fullständiga källkoden som används i den här artikeln, här är GitHub-förråd.

Få praktisk JavaScript-kunskap genom att bygga projekt

Det bästa sättet att behärska alla programmeringsspråk är genom att bygga projekt. Du kan använda de korta knep som beskrivs i den här artikeln när du utvecklar JavaScript-projekt. Om du är nybörjare och letar efter några projektidéer, börja med att bygga ett enkelt projekt som en Att göra-app, webbräknare eller webbläsartillägg.

10 JavaScript-projektidéer för nybörjare

JavaScript är ett viktigt programmeringsspråk att lära sig. Om du är ny på det, här är några projekt som hjälper dig att öka dina kunskaper.

Läs Nästa

Om författaren