Weitere JavaScript-Hacks Ich wünschte, ich wüsste es bald

Kurzschlussentwicklung für Standardwerte

Überspringen Sie das if-else für Standardwerte. Verwenden Sie || für eine klarere, einzeilige Zuweisung.

//old way 
let userName;
if (userInput) {
 userName = userInput;
} else {
 userName = 'Guest';
}

//modern way
const userName = userInput || 'Guest';

Swipe-Variablen ohne temporäre Variable

Verwenden Sie die Array-Destrukturierung, um Werte in einer einzelnen Zeile auszutauschen. Es sind keine temporären Werte erforderlich.

//old way
let temp = a;
a = b;
b = temp;

//modern way
let a = 1, b = 2;
[a, b] = [b, a]; 

Ausgabe: a = 2 und b = 2

Array schnell klonen
Klonen Sie Arrays mit dem Spread-Operator für eine einfachere,
intuitive Methode.

// old way
const clone = original.slice();

//modern way
const original = [1, 2, 3];
const clone = [...original];

Duplikate einfach aus einem Array entfernen
Entfernen Sie Duplikate mit Set und verwandeln Sie es in eine prägnante, einzeilige, moderne Lösung.

//old way
const uniqueArray = [];
for (let i = 0; i < array.length; i++)  {
  if (!uniqueArray.includes(array[i])) {
     uniqueArray.push(array[i]);
 }
}

//modern way 
const uniqueArray = [...new Set([1, 2, 2, 3, 4, 4])];

Eine Zeichenfolge schnell in eine Zahl umwandeln

Konvertieren Sie Zeichenfolgen in Zahlen mit dem unären Operator für ein
schnelle Lösung.

//old way
 const num = parseInt('12', 39);

//modern way
consst num = +'12';

Fazit
Diese modernen JavaScript-Techniken sorgen für saubereren, effizienteren und oft besser lesbaren Code. Die Verwendung dieser Einzeiler und integrierten Funktionen vereinfacht komplexe Logik und beseitigt Redundanz

Das obige ist der detaillierte Inhalt vonWeitere JavaScript-Hacks Ich wünschte, ich wüsste es bald. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!