Comprendre l'opérateur de destructeur et de propagation d'objets en javascript

Dans cet article, nous nous plongerons dans le concept d'opérateur de destructeur de tableau et d'objet en JavaScript, deux fonctionnalités puissantes qui rendent le travail avec des tableaux et des objets plus pratique. Commençons!

Qu'est-ce que le tableau destructrice?

La destruction du tableau nous permet d'extraire les valeurs d'un tableau et de les attribuer à des variables à l'aide d'une syntaxe raccourci. Voici un exemple:

`JavaScript
const [firstName, middlename, lastname] = ['John manuold larp'];
Console.log (FirstName); // Sortie: John'
Dans le code ci-dessus, nous créons une constante nommée[FirstName, Middlename, LastName], et l'utilisons pour extraire les valeurs du tableau['John Manuold Larp']. Nous enregistrons ensuite le prénom à l'aide de la variableFirstName.

La séquence est importante dans le tableau destructrice

Il est important de noter que la séquence est importante lors de l'utilisation de la destruction du tableau. Voici un exemple:

`JavaScript
const [middlename, firstName] = ['John manuold larp']; // c'est incorrect
Console.log (FirstName); // Sortie: indéfinie'
Dans le code ci-dessus, nous essayons d'extraire les valeurs dans le mauvais ordre, ce qui résulte d'une variable non définie.

Qu'est-ce que l'opérateur de diffusion d'objets?

L'opérateur de diffusion d'objet nous permet de copier et de fusionner les propriétés des objets à l'aide d'une syntaxe de raccourci. Voici un exemple:

`JavaScript
const Person = {FirstName: 'John', middlename: 'manuold', lastname: 'larp'};
const newPerson = {... personne, âge: 30};
Console.log (NewPerson); // Sortie: {FirstName: 'John', Middlename: 'manuold', LastName: 'Larp', âge: 30}'
Dans le code ci-dessus, nous créons un objet nommé «Person» et utilisons l'opérateur de diffusion d'objet pour créer un nouvel objet nommé «NewPerson». L'opérateur de diffusion d'objet nous permet de copier toutes les propriétés de l'objet d'origine et d'ajouter des propriétés supplémentaires comme «Age: 30».

Noms de variables de l'opérateur d'objet d'objet

Lorsque vous utilisez l'opérateur d'objet d'objet, il est important de noter que les noms de variables doivent être les mêmes que les touches à l'intérieur de l'objet. Voici un exemple:

`JavaScript
const {FirstName, LastName} = personne;
Console.log (FirstName); // Sortie: John'
Dans le code ci-dessus, nous extrassons les valeurs pourFirstNameet« LastName »en utilisant des noms de variables qui correspondent aux clés de l'objet` Person ».

Conclusion

L'opérateur de destruction du tableau et de diffusion d'objets sont des fonctionnalités puissantes en JavaScript qui rendent le travail avec les tableaux et les objets plus pratique. En comprenant leur utilisation, vous pouvez améliorer vos compétences de codage et écrire un code plus propre et plus efficace. Essayez de mettre en œuvre ces concepts dans votre prochain projet et voyez la différence qu'ils peuvent faire!