PC & Mobile

Javascript Baker’s Douzen – La Startup – Moyenne

Javascript Baker’s Douzen - La Startup - Moyenne


Photo de Florencia Viadana sur Unsplash

Au cours des décennies d’écriture de code Javascript, qui est passé d’un langage de script front-end à un véritable moteur, j’ai pris la relève. Non, pas ces one-liners, mais un morceau de code si concis que vous serez étonné de voir à quel point ils sont puissants. Mais avec un grand pouvoir, il y a une grande responsabilité - utilisez-le avec parcimonie pour ne pas confondre le code avec des spaghettis illisibles.

Voici 13 de mes one-liners Javascript préférés, sans ordre particulier.

* Tous les exemples utilisant Node.js v11.x. Votre utilisation peut varier sur les navigateurs côté client.

1. Booléen forcé

Pour forcer une variable dans un Booléen valeur sans changer sa valeur:

const myBoolean = !! myVariable;

Le double NOT (!!) est nécessaire pour conserver l’intention de la valeur booléenne et l’empêcher de basculer entre les vérités.

2. Dupe

Pour supprimer les doublons d'un tableau:

const deDupe = [...new Set(myArray)];

Chaque valeur d’un ensemble doit être unique; sa combinaison avec l’opérateur spread produira un tableau déduit à partir de mon tableau.

3. Propriété conditionnelle

Pour définir de manière conditionnelle une propriété sur un objet, à l'aide de l'opérateur de propagation:

const myObject = {... myProperty && {propName: myPoperty}};

Si le résultat est vide, alors le && échoue et ne définit pas la nouvelle propriété; sinon, si non vide, le && va remplacer et définir la propriété.

4. Fusionner des objets

Pour fusionner des objets:

const mergedObject = {... objectOne, ... objectTwo};

Prend en charge la fusion illimitée, mais s’il existe des propriétés partagées entre les objets, l’objet le plus à droite avec le nom de la propriété en double remplace la propriété de l’autre objet. * Notez que ceci est pour une fusion peu profonde seulement.

5. Échange de variables

Pour permuter les valeurs de deux variables sans utiliser d'intermédiaire:

[varA, varB]  = [varB, varA];

La valeur de varA est maintenant la valeur de varB et vice versa. La destruction permet que cela se produise au sein d'un mécanisme interne.

6. Supprimer les valeurs de fausseté

Pour supprimer toutes les valeurs de fausseté d'un tableau:

const clean = dirty.filter (Boolean);

Cela supprimera tout ce qui équivaut à Boolean false, ce qui inclut: null, undefined, false, zero (0) et chaîne vide.

7. Convertir les types d'élément

Convertir Nombre éléments à Chaîne éléments:

const stringArray = numberArray.map (String);

Si le tableau contient une chaîne, il restera une chaîne.
Ceci peut également être utilisé pour convertir Chaîne éléments à Nombre type:

const numberArray = stringArray.map (Number);

8. Alias ​​de propriétés de destruction

Réaffectation des valeurs de propriété d'un objet à un autre:

const {original: newName} = myObject;

Cela initialisera une nouvelle variable appelée nouveau nom et l'assigner avec la valeur de myObject.orginal.

9. Format du code JSON

Pour afficher le code JSON dans un format lisible par l'homme:

const formaté = JSON.stringify (myObj, null, 2);

le corder La commande prend trois paramètres. Le premier est l'objet Javascript. La seconde est une fonction facultative qui peut être utilisée pour agir sur le JSON lorsqu’il est en cours de codification. Le dernier paramètre indique le nombre d'espaces à ajouter en tant qu'indent pour formater le JSON. En omettant le dernier paramètre, le code JSON renverrait sous la forme d'une longue ligne. Cela échouera s'il existe une référence circulaire dans MyObj.

10. Tableau de nombres rapides

Pour créer un tableau et le remplir de nombres, indexés par zéro:

const numArray = Array.from (new Array (52), (x, i) => i);

La taille du tableau peut être un littéral ou une variable. Ceci est un exemple pour créer 52 éléments utilisés pour un jeu de cartes.

11. Générer du code 2FA

Pour générer un code à six chiffres pour 2FA ou un autre code de validation:

code const = Math.floor (Math.random () * 1000000) .toString (). padStart (6, "0");

Faites correspondre le nombre de zéros dans la plage aléatoire avec le padStart targetLength paramètre.

12. Shuffle Array

Pour mélanger un tableau sans connaître le contexte des valeurs:

myArray.sort (() => {return Math.random () - 0.5});

Un meilleur algorithme de tri est le shuffle Fisher-Yates sur lequel j’ai écrit dans mon article sur Javascript Shuffle.

13. Deep Clone

Celui-ci n'est pas très performant, mais si vous avez besoin d'une ligne rapide, cette méthode de clonage peut être utilisée pour copier en profondeur un objet:

const myClone = JSON.parse (JSON.stringify (originalObject));

Si originalObject a une référence circulaire, cela échouera. Utilisez cette technique sur des objets simples que vous créez vous-même.

L'utilisation de l'opérateur spread peut créer un clone peu profond:

const myClone = {... orignalObject};

Combiner et étendre

Il existe de nombreuses façons de combiner ces one-liners pour réaliser des exploits de magie avec très peu de code. Javascript continuera d'évoluer avec des super-pouvoirs supplémentaires pour permettre aux développeurs de réduire la taille de leur base de code. Utilisez ces solutions uniques pour étendre vos compétences et écrire du code plus rapidement.

Show More

SupportIvy

SupportIvy.com : Un lieu pour partager le savoir et mieux comprendre le monde. Meilleure plate-forme de support gratuit pour vous, Documentation &Tutoriels par les experts.

Related Articles

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Close
Close