js对象的深拷贝

￡神魔★判官ぃ 2023-01-22 14:53 192阅读 0赞

**1、利用json转换，但是对象中的键不能为本身**

**        **

function cloneJson(o) {
                return JSON.parse(JSON.stringify(o))
            }
    
            let obj = { a: { c: 1 }, b: {} };
            obj.b = obj;
            console.log(JSON.parse(JSON.stringify(obj))) // 报错 // Converting circular structure to JSON

2、通过递归函数，但是对象中的值不能为null，Array

function deepClone(o) {
                let obj = {}
                for (var i in o) {
                    // if(o.hasOwnProperty(i)){
                    if (typeof o[i] === "object") {
                        obj[i] = deepClone(o[i])
                    } else {
                        obj[i] = o[i]
                    }
                    // }
                }
                return obj
            }
    
    
            var myObj = {
                a: {
                    a1: {
                        a2: 1
                    },
                    a10: {
                        a11: 123,
                        a111: {
                            a1111: 123123
                        }
                    }
                },
                b: 123,
                c: "123"
            }
    
            var deepObj1 = deepClone(myObj)
            deepObj1.a.a1 = 999
            deepObj1.b = false
            console.log(myObj);
    
    [点击并拖拽以移动]

发表评论取消回复

表情：

评论列表（有 0 条评论，192人围观）

还没有评论，来说两句吧...

相关阅读

相关 js深拷贝一个对象(可用)

//dataObj 是被复制的对象 //dataObj1 是储存的对象 var dataObj1={ }; dataObj1=JSON.pars

本是古典何须时尚/ 2023年06月13日 06:22/ 0 赞/ 5 阅读

相关 JS深拷贝

一、简单介绍 JS中，数据类型分为基本数据类型和引用数据类型。基本数据类型的值是存储在栈内存中的；而引用数据类型的值是存储在堆内存中的，栈中只存储对象在堆中的内存地址

电玩女神/ 2023年02月21日 11:57/ 0 赞/ 6 阅读

相关 js对象的深拷贝

1、利用json转换，但是对象中的键不能为本身 function cloneJson(o) { return J

￡神魔★判官ぃ/ 2023年01月22日 14:53/ 0 赞/ 193 阅读

相关 vue对象深拷贝_理解JS的深拷贝和浅拷贝的问题

> 当我们利用v-bind：来绑定属性向子组件传递对象的时候，有时候我们需要子组件改变的时候不改变父组件的值，一般可以利用JSON.stringify(JSON.parse(j

缺乏、安全感/ 2023年01月03日 01:23/ 0 赞/ 194 阅读

相关 JS 对象的深拷贝和浅拷贝

内容系转载，仅用于学习交流现象我们先来看一个demo // 我们先申明一个变量str1， // 然后把变量str1负值（拷贝）给变量str2

刺骨的言语ヽ痛彻心扉/ 2022年12月23日 09:41/ 0 赞/ 201 阅读

相关 js 对象拷贝的三种方法，深拷贝函数。

js 对象拷贝的三种方法以下面数据格式obj 为主： const obj = { data: 1, un: undefine

不念不忘少年蓝@/ 2022年10月04日 15:50/ 0 赞/ 228 阅读

相关 js数组及对象的深拷贝

为了解除引用关系复制对象或者数组，如果是浅层的数组或对象(也就是数组中不包含对象或数组)，可以通过slice或者concat方法直接实现。 var arr1 =

╰半夏微凉°/ 2022年07月13日 11:26/ 0 赞/ 182 阅读

相关 js对象、数字深拷贝方式（转）

知识点一：js中的对象谈到对象的拷贝，必定要说一下对象的概念。 js中的数据类型分为两大类：原始类型和对象类型。

秒速五厘米/ 2022年06月13日 07:40/ 0 赞/ 200 阅读

相关对象深拷贝

var deepCopy = function(obj) { // 只拷贝对象 if (typeof obj !== '

女爷i/ 2022年04月15日 04:29/ 0 赞/ 241 阅读

相关 js深拷贝浅拷贝

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

朱雀/ 2021年08月31日 14:35/ 0 赞/ 484 阅读