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));let s1 = "hello_world";
console.log(convertSnakeToCamel(s1));let s2 = "make_use_of";
console.log(convertSnakeToCamel(s2));let s3 = "this_is_a_variable";
console.log(convertSnakeToCamel(s3));
Produktion:
helloWorld
makeUseOf
thisIsAVariable
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());let arr1 = [1, 2, 3, 4, 5];
console.log(shuffleArray(arr1));let arr2 = [12, 34, 45, 43];
console.log(shuffleArray(arr2));let 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.
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;let arr1 = [1, 2, 3, 4, 5];
console.log(calculateAverage(arr1));let arr2 = [12, 34, 45, 43];
console.log(calculateAverage(arr2));let arr3 = [2, 4, 6, 8, 10];
console.log(calculateAverage(arr3));
Produktion:
3
33.5
6
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.platform);
console.log(appleBrowser);
Uttalandet återkommer Sann om din webbläsare körs på en Apple-enhet, annars kommer den tillbaka falsk.
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.length === 0;let arr1 = [1, 2, 3, 4, 5];
console.log(checkEmptyArray(arr1));let arr2 = [];
console.log(checkEmptyArray(arr2));let arr3 = [""];
console.log(checkEmptyArray(arr3));
Produktion:
false
true
false
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));let 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));let 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:
Radians = Degrees × π/180
Degrees = Radians × 180/π
Konvertera grader till radianer
Du kan konvertera en vinkel i grader till radianer med hjälp av följande kod:
const degreesToRadians = (deg) => (deg * Math.PI) / 180.0;let temp1 = 360;
console.log(degreesToRadians(temp1));let temp2 = 180;
console.log(degreesToRadians(temp2));let 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;let temp1 = 6.283185307179586;
console.log(radiansToDegrees(temp1));let temp2 = 3.141592653589793;
console.log(radiansToDegrees(temp2));let 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 = typeof window === 'object' && typeof document === 'object';
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, generateRandomUUID));
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örvaret.
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.
Om författaren
Yuvraj Chandra (80 artiklar publicerade)
Yuvraj är en datavetenskapsstudent vid University of Delhi, Indien. Han brinner för Full Stack Web Development. När han inte skriver undersöker han djupet i olika teknologier.
Mer från Yuvraj Chandra
Prenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, free e-böcker och exklusiva erbjudanden!
Klicka här för att prenumerera
