Déstructuration de tableaux JavaScript

• En JavaScript, la déstructuration est une fonctionnalité puissante qui nous permet de décompresser rapidement les valeurs de tableaux ou d'objets en variables. Cela peut rendre votre code plus propre, plus lisible et plus facile à maintenir.

->dans cet article, vous apprendrez à détruire des tableaux, à sauter une valeur dans le tableau et à changer de variable

Tableaux déstructurants
Nous utilisons la déstructuration pour récupérer des éléments du tableau et les stocker dans des variables.
Affectation de déstructuration de tableau = []
Exemple :

const arr = ['rice', 'pizza', 'chicken'];

// without Destructuring:
const foodOne = arr[0];
const foodTwo = arr[1];
const foodThree = arr[2];
console.log(foodOne, foodTwo, foodThree); // rice pizza chicken

// with Destructuring

const [food1, food2, food3] = arr;

console.log(food1, food2, food3); // rice pizza  chicken

• comme nous pouvons le voir dans cet exemple, la déstructuration a rendu notre travail beaucoup plus facile et nous fait gagner beaucoup de temps, nous utilisons const ou let pour créer la déstructuration, puis entre crochets [] nous pouvons écrire les noms de variables pour les valeurs que nous voulez dans le tableau, mais attention, dans la déstructuration des tableaux, l'ordre des valeurs dans le tableau est important, l'ordre dans l'affectation de déstructuration sera l'ordre dans le tableau, vous devez donc en être conscient.

Remarque : Déstructuration Ne détruit pas le tableau d'origine, nous le DÉBALLEZ simplement, à titre d'illustration :

console.log(arr); // rice pizza chicken

• donc, nous avons toujours nos valeurs dans le tableau d'origine.

Sauter une valeur :

• Si nous ne voulions pas décompresser une certaine valeur d'un tableau, pour ignorer celle-ci, laissez un espace vide (un 'trou') dans votre modèle de déstructuration, afin qu'il ne détruise pas cette valeur, par exemple :
• Si pour une raison quelconque nous ne voulions pas de pizza, alors écrivez-le comme ceci :

let [food1, , food3] = arr;
console.log(food1, food3); // rice chicken

Changement de variables :
si nous voulions que le premier aliment soit du poulet au lieu du riz, et le troisième du riz au lieu du poulet, nous pouvons échanger leurs places et leurs valeurs seront inversées, exemple :

[food1, food3] = [food3, food1];
console.log(food1, food3); // chicken rice

J'espère que cela vous a aidé à mieux comprendre la déstructuration des tableaux JavaScript. N'hésitez pas à poser vos questions dans les commentaires ci-dessous :)

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!