Comment utiliser l'opérateur de décomposition (...)

Apprendre à utiliser l'opérateur en trois points (...) est également appelé opérateur de décomposition.

opérateur de décomposition (

L'opérateur de décomposition de JavaScript (...) peut étendre un objet itérable (comme un array) à plus d'éléments.

Cela nous permet de copier rapidement l'ensemble ou une partie d'un array existant dans un autre array :

instance

Utilisez l'opérateur de décomposition en JavaScript pour fusionner deux arrays

const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];

Essayez-le vous-même

L'opérateur de décomposition est souvent utilisé pour extraire une partie des éléments d'un array :

instance

Allouez le premier et le deuxième éléments de l'array numbers à des variables, et mettez le reste dans un autre array :

const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;

Essayez-le vous-même

Nous pouvons également utiliser l'opérateur de décomposition sur les objets :

instance

const myVehicle = {
  marque: 'Ford',
  modèle: 'Mustang',
  couleur: 'rouge'
}
const updateMyVehicle = {
  type: 'voiture',
  année: 2021,
  couleur: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

Essayez-le vous-même

Veuillez noter que les attributs non correspondants sont fusionnés, mais les attributs correspondants couleur l'objet传入的最后一个 updateMyVehicle C'est terminé. La couleur finale est maintenant jaune.

Pages connexes

Tutoriel :JavaScript ES6