Comment cloner efficacement des objets JavaScript dans différents environnements ?

Comment cloner avec précision un objet JavaScript

Le clonage d'un objet en JavaScript implique de créer une copie indépendante de l'objet d'origine. Les modifications apportées au clone ne doivent pas affecter l'original, et vice versa.

Clonage intégré (ES2022)

ES2022 a introduit structuredClone(), offrant un moyen efficace et standard de cloner des objets. Il prend en charge le clonage de structures de données complexes, y compris les références circulaires.

const clone = structuredClone(object);

Clonage manuel pour les navigateurs plus anciens

Pour les navigateurs qui ne prennent pas en charge structuredClone(), un processus de clonage manuel est requis. Alors que des objets simples peuvent être clonés avec une simple affectation, les objets complexes avec des propriétés non énumérables ou un héritage de prototype nécessitent une approche plus rigoureuse :

function clone(obj) {
  // Handle null, undefined, and simple types
  if (obj === null || typeof obj !== "object") return obj;

  // Clone custom Date objects
  if (obj instanceof Date) {
    return new Date(obj.getTime());
  }

  // Clone Arrays
  if (obj instanceof Array) {
    return obj.map(clone);
  }

  // Clone Objects
  if (obj instanceof Object) {
    let clone = {};
    for (const key in obj) {
      if (obj.hasOwnProperty(key)) {
        clone[key] = clone(obj[key]);
      }
    }
    return clone;
  }

  throw new Error("Unable to clone object. Its type is not supported.");
}

Cette fonction gère les cas particuliers pour les objets Date et Array et garantit une copie correcte. des propriétés personnalisées et ignore les propriétés du prototype pour empêcher le clonage des attributs indésirables.

Bien que cette approche de clonage manuel soit plus complexe, elle offre une plus grande flexibilité et prend en charge plus de types de données par rapport à une mission simple. Il est important de noter qu'il suppose une structure de données sans références circulaires, car une récursivité infinie peut se produire lors du clonage de telles structures.

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!