11 JavaScript-Einzeiler, die Sie kennen sollten

JavaScript ist eine der beliebtesten Programmiersprachen. Es wird verwendet, um Websites, Webanwendungen, Webserver, Spiele, mobile Apps und mehr zu entwickeln.

Die Syntax von JavaScript, insbesondere seine anonymen und Pfeilfunktionen, ermöglicht einen präzisen Code. Sie können mit nur einer einzigen Codezeile viel erreichen.

In diesem Artikel lernen Sie 11 JavaScript-Einzeiler kennen, die Ihnen helfen, wie ein Profi zu programmieren.

1. So konvertieren Sie einen String von snake_case in camelCase

Ein String in snake_case verwendet den Unterstrich, um jedes Wort zu trennen. Jedes Wort in einem Snake_case-String beginnt normalerweise mit einem Kleinbuchstaben, obwohl es Varianten gibt. Eine camelCase-Zeichenfolge beginnt mit einem Kleinbuchstaben, jedes folgende Wort beginnt mit einem Großbuchstaben. Eine camelCase-Zeichenfolge enthält keine dazwischenliegenden Leerzeichen oder Satzzeichen.

Programmiersprachen – und Programmierer – verwenden unterschiedliche Groß-/Kleinschreibung für Variablen- und Methodennamen.

Beispiele für snake_case-Strings: hallo_world, this_is_a_variable, SCREAMING_SNAKE_CASE

Beispiele für camelCase-Strings: helloWorld, thisIsVariable, makeUseOf

Sie können einen snake_case-String mit dem folgenden Code in camelCase konvertieren:

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 = "diese_ist_eine_variable";
console.log (convertSnakeToCamel (s3));

Ausgabe:

Hallo Welt
Gebrauch machen von
thisIstAVariable

2. So mischen Sie ein JavaScript-Array

Das Mischen eines Arrays bedeutet, dass seine Elemente zufällig neu angeordnet werden. Sie können ein JavaScript-Array mit dem folgenden Code mischen:

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

Ausgabe:

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

Sie erhalten unterschiedliche Ausgaben über verschiedene Ausführungen dieses Codes.

Verwandt: JavaScript-Pfeilfunktionen können Sie zu einem besseren Entwickler machen

3. So ermitteln Sie den Durchschnitt eines Arrays

Der Mittelwert ist die Summe der Elemente des Arrays geteilt durch die Anzahl der Elemente. Sie können den Durchschnitt eines Arrays in JavaScript mit dem folgenden Code ermitteln:

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

Ausgabe:

3
33.5
6

Verwandt: So finden Sie den Mittelwert eines Arrays in Python, C++, JavaScript und C

4. So erkennen Sie den Dunkelmodus mit JavaScript

Wenn Code in einem Webbrowser ausgeführt wird, können Sie den Dunkelmodus mithilfe des folgenden Einzeilers erkennen:

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

Die Anweisung wird zurückgegeben wahr Wenn der Dunkelmodus ausgeführt wird, wird er andernfalls zurückkehren falsch.

5. So erkennen Sie einen Apple-Browser mit JavaScript

Sie können mit dieser einfachen Übereinstimmung mit regulären Ausdrücken überprüfen, ob der Browser auf einem Apple-Computer ausgeführt wird:

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

Die Anweisung wird zurückgegeben wahr Wenn Ihr Browser auf einem Apple-Gerät ausgeführt wird, wird er andernfalls zurückgegeben falsch.

Verwandt: JavaScript-Array-Methoden, die Sie heute beherrschen sollten

6. So überprüfen Sie, ob ein Array leer ist

Ein Array ist leer, wenn es keine Elemente enthält. Sie können mit dem folgenden Code überprüfen, ob ein Array leer ist:

const checkEmptyArray = (arr) => !Array.isArray (arr) || Anr.Länge 0;
sei arr1 = [1, 2, 3, 4, 5];
console.log (checkEmptyArray (arr1));
let arr2 = [];
console.log (checkEmptyArray (arr2));
let arr3 = [""];
console.log (checkEmptyArray (arr3));

Ausgabe:

falsch
wahr
falsch

7. So finden Sie eindeutige Werte in einem Array

Der folgende Einzeiler entfernt sich wiederholende Werte aus einem Array und hinterlässt nur Werte, die nur einmal vorkommen.

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

Ausgabe:

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

8. So generieren Sie eine zufällige Hex-Farbe

Hex-Farben sind eine Möglichkeit, Farben durch hexadezimale Werte darzustellen. Sie folgen dem Format #RRGGBB, wo RR ist rot, GG ist grün, und BB ist blau. Die Werte der hexadezimalen Farben liegen im Bereich von 00 bis FF, die die Intensität der Komponente angeben. Sie können mit dem folgenden JavaScript-Code zufällige Hex-Farben generieren:

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

Ausgabe:

#ff7ea1

Jedes Mal, wenn Sie den Code ausführen, erhalten Sie eine zufällige Hex-Farbe.

9. Wie man Grad in Radiant und umgekehrt umwandelt

Grad und Bogenmaß stellen das Maß eines Winkels in der Geometrie dar. Sie können einen Winkel im Bogenmaß ganz einfach in Grad und umgekehrt umrechnen, indem Sie die folgenden mathematischen Formeln verwenden:

Bogenmaß = Grad × π/180
Grad = Bogenmaß × 180/π

Konvertieren Sie Grad in Radiant

Sie können einen Winkel in Grad mit dem folgenden Code in Bogenmaß umwandeln:

const degreeToRadians = (Grad) => (Grad * Math. PI) / 180,0;
lass temp1 = 360;
console.log (degreesToRadians (temp1));
lass temp2 = 180;
console.log (degreesToRadians (temp2));
lassen temp3 = 120;
console.log (degreesToRadians (temp3));

Ausgabe:

6.283185307179586
3.141592653589793
2.0943951023931953

Konvertieren Sie Radiant in Grad

Sie können einen Winkel im Bogenmaß in Grad mit dem folgenden Code umwandeln:

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

Ausgabe:

360
180
119.99999999999999

10. So überprüfen Sie, ob Code in einem Browser ausgeführt wird

Sie können folgendermaßen überprüfen, ob Ihr Code in einem Browser ausgeführt wird:

const isRunningInBrowser = Fenstertyp 'Objekt' && Dokumenttyp 'Objekt';
console.log (isRunningInBrowser);

Der obige Code, der in einem Browser ausgeführt wird, wird gedruckt wahr. Wird über einen Befehlszeileninterpreter ausgeführt, wird es gedruckt falsch.

11. So generieren Sie eine zufällige UUID

UUID steht für Universally Unique Identifier. Es ist ein 128-Bit-Wert, der verwendet wird, um ein Objekt oder eine Entität im Internet eindeutig zu identifizieren. Verwenden Sie den folgenden Code, um eine zufällige UUID zu generieren:

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

Ausgabe:

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

Jedes Mal, wenn Sie den Code ausführen, wird eine zufällige UUID generiert.

Wenn Sie sich den vollständigen Quellcode ansehen möchten, der in diesem Artikel verwendet wird, ist hier der GitHub-Repository.

Holen Sie sich praktisches JavaScript-Wissen, indem Sie Projekte erstellen

Der beste Weg, jede Programmiersprache zu beherrschen, ist das Erstellen von Projekten. Sie können die in diesem Artikel beschriebenen Kurzanleitungen beim Entwickeln von JavaScript-Projekten verwenden. Wenn Sie Anfänger sind und nach Projektideen suchen, erstellen Sie zunächst ein einfaches Projekt wie eine To-Do-App, einen Webrechner oder eine Browsererweiterung.

10 JavaScript-Projektideen für Anfänger

JavaScript ist eine wichtige Programmiersprache, die es zu lernen gilt. Wenn Sie neu darin sind, finden Sie hier einige Projekte, die Ihnen helfen, Ihr Wissen zu erweitern.

Weiter lesen

Über den Autor