Maison > interface Web > js tutoriel > le corps du texte

iller JavaScript Hacks J'aimerais le savoir bientôt

Susan Sarandon
Libérer: 2024-11-23 13:35:11
original
139 Les gens l'ont consulté

iller JavaScript Hacks Wish I Knew Soon

Évolution des courts-circuits pour les valeurs par défaut

Ignorez le if-else pour les valeurs par défaut. Utilisez un || pour un devoir plus propre et d'une seule ligne.

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

//modern way
const userName = userInput || 'Guest';
Copier après la connexion

Faites glisser les variables sans variable temporaire

Utilisez la déstructuration de tableaux pour échanger des valeurs sur une seule ligne, aucune valeur temporaire n'est nécessaire.

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

//modern way
let a = 1, b = 2;
[a, b] = [b, a]; 
Copier après la connexion

Sortie : a = 2 et b = 2

Cloner un tableau rapidement
Clonez des tableaux avec l'opérateur spread pour un résultat plus simple et plus
méthode intuitive.

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

//modern way
const original = [1, 2, 3];
const clone = [...original];
Copier après la connexion

Supprimer facilement les doublons d'un tableau
Supprimez les doublons à l'aide de Set, en le transformant en une solution moderne et concise d'une seule ligne.

//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])];
Copier après la connexion

Convertir rapidement une chaîne en nombre

Convertir des chaînes en nombres avec l'opérateur unaire pour un
solution rapide.

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

//modern way
consst num = +'12';
Copier après la connexion

Conclusion
Ces techniques JavaScript modernes fournissent un code plus propre, plus efficace et souvent plus lisible. L'utilisation de ces one-liners et fonctions intégrées simplifie la logique complexe et supprime la redondance

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal