Maison > interface Web > Questions et réponses frontales > Comment implémenter le clonage profond en javascript

Comment implémenter le clonage profond en javascript

WBOY
Libérer: 2022-03-10 11:57:11
original
2203 Les gens l'ont consulté

Comment implémenter le clonage profond en JavaScript : 1. Utilisez l'opérateur d'extension "..." pour cloner en profondeur une couche, mais la référence de la deuxième couche pointe toujours vers l'emplacement d'origine ; 2. Utilisez JSON pour réaliser un clonage profond multicouche ; , mais Function ne peut pas être copié et ne peut pas être appliqué à tous les scénarios ; 3. Utilisez la récursivité et les boucles pour créer des paramètres et attribuer des valeurs une par une.

Comment implémenter le clonage profond en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

Comment implémenter le clonage profond en javascript

Étant donné que le type Object et le type Array sont des types référence et que l'affectation mutuelle des types référence entre les variables consiste à attribuer le pointeur vers la mémoire vers le passé, cela entraînera que lorsque les données de b sont modifiées, a seront les données modifiées ensemble.

Comment implémenter le clonage profond en javascript
Dans le processus de développement actuel, il arrive souvent qu'il soit nécessaire de déconnecter la connexion entre deux variables, le clonage profond doit donc être utilisé pour déconnecter cette connexion.

1. Utilisez l'opérateur spread (…) pour implémenter le clonage profond

Cette méthode est la méthode la plus simple et la plus pratique, mais elle ne peut cloner en profondeur qu'une seule couche, et la référence de la deuxième couche pointe toujours vers l'emplacement d'origine.

Comment implémenter le clonage profond en javascript

2. Utilisez JSON pour implémenter le clonage profond

Cette méthode est également relativement simple et peut réaliser un clonage profond multicouche, mais elle ne peut pas copier les fonctions et ne peut pas être appliquée à tous les scénarios.

Comment implémenter le clonage profond en javascript
3. Utilisez la récursivité et les boucles pour créer des paramètres et attribuer des valeurs une par une

Être capable de copier complètement un objet

// 深克隆function deepCopy(value) {
	if(value instanceof Function)return value    else if (value instanceof Array) {
        var newValue = []
        for (let i = 0; i <p><img src="https://img.php.cn/upload/article/000/000/067/3fc1ae60274d26e62d618c40961c7d0f-3.png" alt="Comment implémenter le clonage profond en javascript"></p><p>Recommandations associées : <a href="https://www.php.cn/course/list/17.html" target="_blank">Tutoriel d'apprentissage Javascript</a></p>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal