avaScript One-Liners qui vous feront ressembler à un pro

Aujourd'hui, nous allons parler de quelques astuces intéressantes en JavaScript. Ce ne sont pas seulement des hacks de code aléatoires : ce sont de véritables solutions qui peuvent sérieusement nettoyer votre programmation.

1. Le raccourci de la propriété de l'objet

Vous vous souvenez de ces jours JavaScript à l'ancienne où nous écrivions chaque propriété ?

const name = 'Sarah';
const age = 28;
const user = { name: name, age: age };

Voici une meilleure façon de procéder :

const user = { name, age };

Fini ces lignes maladroites où vous vous répétiez.

2. Échanger des variables sans variable temporaire

Besoin d'échanger deux variables ? Utilisez ceci :

[a, b] = [b, a];

La première fois que vous verrez cela, vous ferez une double prise. La déstructuration des tableaux transforme l'échange de variables en quelque chose qui semble presque trop beau pour être vrai. Pas de variables temporaires, pas de logique complexe – juste du code pur et élégant.

3. L'opérateur de fusion nul : votre nouveau meilleur ami

Vous vous souvenez d'avoir écrit ces longues vérifications des valeurs par défaut ?

const userPreference = input !== null && input !== undefined ? input : 'default';

Voici comment les enfants cool procèdent maintenant :

const userPreference = input ?? 'default';

Ce petit ?? l'opérateur m'a évité tant de maux de tête. Il ne revient à la valeur par défaut que lorsque la valeur est nulle ou indéfinie – pas lorsqu'elle est 0 ou une chaîne vide.

4. La déduplication ultime des baies

Si vous souhaitez rendre votre tableau unique, faites ceci :

const unique = [...new Set(array)];

Si c'était avant, nous utiliserions Loop, mais maintenant je souris et je diffuse cet ensemble à chaque fois que j'en ai besoin.

5. Conversion en booléen comme un patron

Au lieu d'écrire value === true ou Boolean(value).

Voici une meilleure façon de procéder :

const isTrue = !!value;

Ces doubles points d'exclamation peuvent donner l'impression que vous êtes vraiment enthousiasmé par quelque chose, mais ils exercent en fait une coercition intelligente.

6. Conversion rapide de numéros qui a du sens

Si vous souhaitez convertir une chaîne en nombre ? Oubliez parseInt() pendant une seconde, utilisez plutôt ceci :

const number = +'42';

Ce signe plus solitaire fait tout le gros du travail ici et convertit avec précision un nombre de chaîne en nombre.

7. L’opérateur fluide (chaînage optionnel)

Ne recommencez pas :

const userCity = user && user.address && user.address.city;

Une bien meilleure façon :

const userCity = user?.address?.city;

Ceci donne l'impression que JavaScript a enfin compris notre douleur et a décidé de faire quelque chose.

L'essentiel

Les raccourcis de codage représentent bien plus que moins de frappes.

Il s'agit d'écrire des logiciels plus intelligents et plus intentionnels. Ces techniques distinguent les développeurs moyens des grands codeurs. Utilisez-les judicieusement, avec parcimonie et avec détermination.

Un bon code raconte une histoire. Il doit être clair, puissant et élégant. Ne vous contentez pas de rechercher la brièveté, recherchez la compréhension.

C'est tout, maintenant dites-moi quelle est votre astuce JavaScript préférée ?

Partagez-le avec moi même si vous le saviez avant de lire cet article.

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!