11 JavaScript-oneliners die u moet kennen

JavaScript is een van de meest populaire programmeertalen. Het wordt gebruikt om websites, webapplicaties, webservers, games, mobiele apps en meer te ontwikkelen.

De syntaxis van JavaScript, met name de anonieme en pijlfuncties, zorgt voor beknopte code. Met slechts één regel code kun je veel bereiken.

In dit artikel leer je over 11 JavaScript-oneliners waarmee je kunt coderen als een professional.

1. Een string converteren van snake_case naar camelCase

Een string in snake_case gebruikt het onderstrepingsteken om elk woord te scheiden. Elk woord in een snake_case-reeks begint meestal met een kleine letter, hoewel er varianten bestaan. Een camelCase string begint met een kleine letter, elk volgend woord begint met een hoofdletter. Er zijn geen tussenliggende spaties of interpunctie in een camelCase-tekenreeks.

Programmeertalen en programmeurs gebruiken verschillende hoofdletters voor namen van variabelen en methoden.

Voorbeelden van snake_case strings: hallo_world, this_is_a_variable, SCREAMING_SNAKE_CASE

Voorbeelden van camelCase-strings: halloWorld, thisIsVariable, makeUseOf

Je kunt een snake_case-string converteren naar camelCase met behulp van de volgende code:

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

Uitgang::

Hallo Wereld
gebruikmaken van
dit is beschikbaar

2. Een JavaScript-array in willekeurige volgorde afspelen

Het schudden van een array betekent het willekeurig herschikken van de elementen. U kunt een JavaScript-array shufflen met behulp van de volgende code:

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

Uitgang::

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

U krijgt verschillende uitvoer over afzonderlijke uitvoeringen van deze code.

Verwant: JavaScript-pijlfuncties kunnen u een betere ontwikkelaar maken

3. Hoe het gemiddelde van een array te vinden

Het gemiddelde gemiddelde is de som van de elementen van de array gedeeld door het aantal elementen. U kunt het gemiddelde van een array in JavaScript vinden met behulp van de volgende code:

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

Uitgang::

3
33.5
6

Verwant: Het gemiddelde van een array vinden in Python, C++, JavaScript en C

4. Hoe de donkere modus te detecteren met JavaScript

Met code die in een webbrowser wordt uitgevoerd, kunt u de donkere modus detecteren met behulp van de volgende one-liner:

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

De verklaring zal terugkeren waar als de donkere modus actief is, anders keert het terug vals.

5. Een Apple-browser detecteren met JavaScript

U kunt controleren of de browser op een Apple-computer draait met deze eenvoudige overeenkomst voor reguliere expressies:

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

De verklaring zal terugkeren waar als je browser op een Apple-apparaat draait, anders keert hij terug vals.

Verwant: JavaScript-matrixmethoden die u vandaag moet beheersen

6. Controleren of een array leeg is?

Een array is leeg als er geen elementen in staan. U kunt controleren of een array leeg is met behulp van de volgende code:

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

Uitgang::

vals
waar
vals

7. Unieke waarden in een array vinden

De volgende one-liner verwijdert herhalende waarden uit een array, waardoor alleen waarden overblijven die slechts één keer voorkomen.

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

Uitgang::

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

8. Een willekeurige hexadecimale kleur genereren

Hex-kleuren zijn een manier om kleuren weer te geven door middel van hexadecimale waarden. Ze volgen het formaat #RRGGBB, waar RR is rood, GG is groen, en BB is blauw. De waarden van hexadecimale kleuren liggen in het bereik van 00 tot FF, die de intensiteit van de component specificeren. U kunt willekeurige hex-kleuren genereren met behulp van de volgende JavaScript-code:

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

Uitgang::

#ff7ea1

Elke keer dat u de code uitvoert, krijgt u een willekeurige hexadecimale kleur.

9. Hoe graden naar radialen en vice versa te converteren

Graden en radialen vertegenwoordigen de maat van een hoek in de geometrie. U kunt een hoek in radialen eenvoudig omrekenen naar graden en vice versa met behulp van de volgende wiskundige formules:

Radialen = Graden × π/180
Graden = Radialen × 180/π

Graden naar Radialen omrekenen

U kunt een hoek in graden converteren naar radialen met behulp van de volgende code:

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

Uitgang::

6.283185307179586
3.141592653589793
2.0943951023931953

Zet Radialen om naar Graden

U kunt een hoek in radialen converteren naar graden met behulp van de volgende code:

const radialenToDegrees = (rad) => (rad * 180) / Math. PI;
laat temp1 = 6.283185307179586;
console.log (radiansToDegrees (temp1));
laat temp2 = 3.141592653589793;
console.log (radiansToDegrees (temp2));
laat temp3 = 2.0943951023931953;
console.log (radiansToDegrees (temp3));

Uitgang::

360
180
119.99999999999999

10. Hoe te controleren of code in een browser wordt uitgevoerd

U kunt als volgt controleren of uw code in een browser wordt uitgevoerd:

const isRunningInBrowser = type venster 'object' && type document 'object';
console.log (isRunningInBrowser);

De bovenstaande code, die in een browser wordt uitgevoerd, wordt afgedrukt waar. Het wordt uitgevoerd via een opdrachtregelinterpreter en wordt afgedrukt vals.

11. Een willekeurige UUID genereren

UUID staat voor Universally Unique Identifier. Het is een 128-bits waarde die wordt gebruikt om een ​​object of entiteit op internet uniek te identificeren. Gebruik de volgende code om een ​​willekeurige UUID te genereren:

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

Uitgang::

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

Elke keer dat u de code uitvoert, genereert deze een willekeurige UUID.

Als je de volledige broncode wilt bekijken die in dit artikel wordt gebruikt, is hier de: GitHub-opslagplaats.

Krijg praktische JavaScript-kennis door projecten te bouwen

De beste manier om elke programmeertaal onder de knie te krijgen, is door projecten te bouwen. U kunt de in dit artikel beschreven verkorte trucs gebruiken tijdens het ontwikkelen van JavaScript-projecten. Als je een beginner bent en op zoek bent naar projectideeën, begin dan met het bouwen van een eenvoudig project zoals een To-Do-app, webcalculator of browserextensie.

10 JavaScript-projectideeën voor beginners

JavaScript is een cruciale programmeertaal om te leren. Als dit nieuw voor u is, zijn hier enkele projecten om u te helpen uw kennis te vergroten.

Lees volgende

Over de auteur