Clonage superficiel d'objets en JavaScript

Introduction

Dans ce laboratoire, nous allons explorer le concept de clonage superficiel en JavaScript. Le clonage superficiel crée un nouvel objet avec toutes les propriétés de l'objet original, mais les propriétés elles-mêmes ne sont pas clonées. Au lieu de cela, elles sont copiées par référence, ce qui signifie que tout changement apporté aux propriétés de l'objet original sera également réflété dans l'objet cloné. Grâce à ce laboratoire, nous comprendrons comment créer des clones superficiels d'objets à l'aide de la méthode Object.assign() en JavaScript.

Ceci est un Guided Lab, qui fournit des instructions étape par étape pour vous aider à apprendre et à pratiquer. Suivez attentivement les instructions pour compléter chaque étape et acquérir une expérience pratique. Les données historiques montrent que c'est un laboratoire de niveau débutant avec un taux de réussite de 100%. Il a reçu un taux d'avis positifs de 100% de la part des apprenants.

Comment créer un clone superficiel d'un objet

Pour créer un clone superficiel d'un objet, utilisez Object.assign() et un objet vide ({}). Suivez ces étapes :

Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
Utilisez le code suivant pour créer un clone superficiel de l'objet original :

const shallowClone = (obj) => Object.assign({}, obj);

Pour cloner l'objet, utilisez la fonction shallowClone() comme suit :

const a = { x: true, y: 1 };
const b = shallowClone(a); // a!== b

Dans cet exemple, a et b sont deux objets différents, mais ils ont les mêmes valeurs.

Sommaire

Félicitations! Vous avez terminé le laboratoire sur le clonage superficiel d'objets. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.