Quelle est la différence entre la copie profonde et la copie superficielle dans JS

Quelle est la différence entre la copie profonde et la copie superficielle en JS ? Des exemples de code spécifiques sont nécessaires

En JavaScript, il existe deux méthodes de copie d'objets : la copie superficielle et la copie profonde. Une copie superficielle copie uniquement l'adresse de référence d'un objet, tandis qu'une copie profonde crée une copie complètement indépendante.

La copie superficielle consiste à copier l'adresse de référence de l'objet d'origine vers le nouvel objet. Ils pointent vers le même espace mémoire. Lorsque les propriétés de l'un des objets sont modifiées, les propriétés correspondantes de l'autre objet seront également modifiées. C'est parce qu'ils partagent la même adresse mémoire.

La copie approfondie consiste à créer un tout nouvel objet et à copier tous les attributs de l'objet d'origine vers le nouvel objet un par un. Le nouvel objet et l'objet d'origine n'ont aucune influence l'un sur l'autre. Même si vous modifiez les propriétés d'un objet, les propriétés de l'autre objet ne seront pas affectées.

Ci-dessous, j'illustrerai la différence entre la copie superficielle et la copie profonde à travers des exemples de code spécifiques.

Tout d'abord, regardons un exemple de copie superficielle :

let obj1 = {name: "Alice", age: 20};
let obj2 = obj1;

obj1.age = 21; 

console.log(obj1); // {name: "Alice", age: 21}
console.log(obj2); // {name: "Alice", age: 21}

Dans le code ci-dessus, nous implémentons une copie superficielle en attribuant obj1 à obj2. Lorsque l'attribut age de obj1 est modifié, l'attribut age de obj2 est également modifié car ils pointent vers le même adresse mémoire. obj1赋值给obj2实现了一个浅拷贝。当修改obj1的age属性时，obj2的age属性也被修改了，这是因为它们指向同一块内存地址。

接下来，我们来看一个深拷贝的示例：

function deepClone(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    
    let clone = Array.isArray(obj) ? [] : {};
    
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            clone[key] = deepClone(obj[key]);
        }
    }
    
    return clone;
}

let obj1 = {name: "Alice", age: 20};
let obj2 = deepClone(obj1);

obj1.age = 21;

console.log(obj1); // {name: "Alice", age: 21}
console.log(obj2); // {name: "Alice", age: 20}

在上述代码中，我们定义了一个deepClone函数，用于实现深拷贝。该函数首先判断传入的参数是否为null或不是对象类型，如果是则直接返回，否则创建一个与传入对象类型相同的空对象clone。然后通过遍历原对象的属性，递归调用deepClone函数对每个属性进行深拷贝，并赋值给相应的clone属性。最后返回新对象clone。

通过使用deepClone函数，我们实现了对obj1的深拷贝。即使修改了obj1的age属性，但obj2的age

rrreee

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!