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.