L'opérateur Spread Partie 2
Fait partie de la section Logique & Flux du Journey JavaScript de Coddy — leçon 19 sur 65.
L'opérateur de décomposition peut fusionner des objets (JSON) :
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Désormais, completeProfile aura les quatre clés : name, age, company et position :
console.log(completeProfile);
// Résultat : {name: "John", age: 30, company: "Tech Corp", position: "Developer"}Il peut également ajouter de nouvelles propriétés et écraser les propriétés existantes lors de la copie :
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};Défi
FacileCréez une fonction nommée mergeCars qui prend deux objets de voiture en paramètres. La fonction doit fusionner les propriétés de la deuxième voiture dans les propriétés de la première voiture et retourner un nouvel objet de voiture sans modifier aucun des objets originaux.
Aide-mémoire
L'opérateur de décomposition (spread operator) peut fusionner des objets :
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Il peut également ajouter de nouvelles propriétés et écraser des propriétés existantes lors de la copie :
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};Essayez vous-même
function mergeCars(car1, car2) {
// Écrivez le code ici
}
// N'écrivez rien en dehors de la fonctionCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Logique & Flux
1Les chaînes de caractères en profondeur
Fondamentaux des chaînesParcourir les chaînesTemplate LiteralsMéthodes des chaînesRécapitulatif - String Weaver4JSON Partie 2
Itérer sur du JSONJSON imbriquéChaînage optionnel JSONCopie superficielle et profondeRécapitulatif - Magasin de vélosRécapitulatif - Système solaire7Système de gestion de bibliothèque
Présentation du projetAjouter des livres2Tableaux multidimensionnels
Bases des tableaux 2DAccès aux éléments d'un tableau 2DBoucles imbriquées et tableaux 2DRécapitulatif - Tableaux 2DAddition et soustraction de matricesTableaux irréguliers (Jagged Arrays)Tableaux 3D et au-delàModèles courants de tableaux 2DRécapitulatif - Tout sur les tableaux3JSON Partie 1
Qu'est-ce qu'un JSON ?Vérifier si une clé existeMéthodes d'objetL'opérateur Spread Partie 1L'opérateur Spread Partie 2Supprimer des clésRécapitulatif - Manipuler les clés JSON