Tipps und Tricks in Javascript

Lassen Sie uns in diesem Artikel einige Tipps und Tricks zu Javascript behandeln, die jeder kennen sollte.

In Boolean umwandeln

Alle Werte in Javascript sind truthyaußer 0, "", null, undefined, NaNund natürlich false.

Wir können leicht zwischen trueund falsemit dem negativen Operator ( !) wechseln , der auch den Typ in boolean umwandelt .

console.log(!0); //true
console.log(!1); //false
console.log(!!0); //false
console.log(!undefined); //true

Erstaunlich, oder?

In Zahl umwandeln

Die Umwandlung in eine Zahl kann einfach mit dem Additionsoperator ( +) erreicht werden.

let num = "10";
console.log(num); // "10"
console.log(typeof num); // "string"

num = +num;

console.log(num); // 10
console.log(typeof num); // "number"

Wie cool ist das?

Schnelles Floaten zu Integer

Es gibt mehrere Möglichkeiten, Float mithilfe von Math.floor(), Math.ceil()oder in eine Ganzzahl zu konvertieren Math.round(), aber es gibt auch eine schnellere Möglichkeit, eine Float mithilfe des bitweisen OR-Operators ( |) in eine Ganzzahl zu konvertieren .

console.log(11.5 | 0); // 11
console.log(-11.5 | 0); // -11

Beeindruckend! Erstaunlich, oder? Ich habe angefangen, das jetzt häufiger zu verwenden.

Kurzschlussauswertung

&& verwenden

Mit &&wird der erste falseoder falsyWert zurückgegeben. Wenn erwartet wird, dass jeder Operand ist true, wird der zuletzt ausgewertete Ausdruck zurückgegeben.

console.log(true && true && 2); // 2
console.log(true && false && 2); // false

Verwenden von ||

Mit ||dem ersten Rückkehr truevon truthyWert. Wenn erwartet wird, dass jeder Operand ist false, wird der zuletzt ausgewertete Ausdruck zurückgegeben.

console.log(true || false || 2); // true
console.log(false || false || 2); // 2

Die Kurzschlussauswertung ist in jeder Programmiersprache weit verbreitet.

Filtern Sie eindeutige Werte aus einem Array

Sie können eindeutige Werte mithilfe der SetDatenstruktur leicht finden . Das Set wurde in ES6 zusammen mit dem Spread-Operator ( ...) eingeführt. Lassen Sie uns beide das neue Konzept verwenden, um eindeutige Werte eines Arrays zu filtern.

Ich weiß, dass du das oft benutzen wirst. Sie können mir später danken. 😄

let arr = [1, 1, 2, 3, 4, 4, 5, 2, 3, 6];
const uniqueArr = [...new Set(arr)];

console.log(uniqueArr); // [ 1, 2, 3, 4, 5, 6 ]

Selbstanruffunktion oder IIFE

IIFE - Sofort aufgerufener Funktionsausdruck

Dies wird oft als selbstaufgerufene anonyme Funktion oder IIFE bezeichnet . Es ist eine Funktion, die automatisch ausgeführt wird, wenn sie erstellt wird.

(function () {
  console.log("I am running automatically");
})();

//I am running automatically

Sie können mehr über lesen IIFE hier .

Holen Sie sich ein zufälliges Element aus einem Array

Wir können Math.random()und Math.floor()-Methoden verwenden, um ein zufälliges Element aus einem Array zu erhalten.

let names = ["Pratap", "Prasar", "Sudip", "Shiva"];

let randomName = names[Math.floor(Math.random() * names.length)];

Es ist auch einer der am häufigsten verwendeten Tricks.

Primitive Operationen können schneller sein als Funktionsaufrufe

Denken Sie daran, dass primitive Operationen schneller sein können als Funktionsaufrufe.

Anstatt zu verwenden

const min = Math.min(a, b);

verwenden

const min = a < b ? a : b;

Leere ein Array

Sie können ein Array mit der array.lengthEigenschaft leeren .

let dumarray = [1, 1, 2, 3, 4, 5, 6, 7];
dumarray.length = 0;

console.log(dumarray); // []

Etwas zusammenfassen

Das ist es aus diesem Artikel. Ich hoffe, ich konnte Ihnen mit den besten Javascript-Tipps und -Tricks helfen.

💌 Wenn Sie möchten , um mehr Tutorials in Ihrem Posteingang erhalten, können Sie sich für den Newsletter anmelden hier .

Bitte zögern Sie nicht, hier einen Kommentar zu hinterlassen, wenn ich etwas vermisse. Lassen Sie mich auch wissen, ob ich den Beitrag verbessern kann.