面试-深拷贝

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    window.onload=function(){
        getData()
    }
    const data={
        age:'18',
        name:'lisi',
        sex:'男',
    }
    function deepClone1(data){
             return(JSON.parse(JSON.stringify(data)))
    }
    function deepClone2(data){
             return({...data})
    }
    function deepClone3(data){
        let o ={ }//重新开辟堆内存(栈内存空间较小,存放的都是简单数据类型或者指针,自动回收自动开辟,复杂类型数据一般存放与堆内存)
        for(let key in data){
            o[key] = data[key]
        }
        return(o)
    }
  
    function getData(){
       const copydata = deepClone3(data)
       copydata.age = '22'
       console.log('data',data)
       console.log('copydata',copydata)

    }
</script>
</html>

准备去电信面试,复习了深拷贝,并且写了三种深拷贝的方法,第一种是运用JSON的parse和stringify方法的相互运用。

JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串,JSON.parse()可以将JSON字符串转为一个对象。

简单点说,它们的作用是相对的,我用JSON.stringify()将对象a变成了字符串c,那么我就可以用JSON.parse()将字符串c还原成对象a。

第二种方法时运用了ES6运算符的拓展

第三种方法就是一个堆和栈的小理解。

深拷贝对于简单数据类型来说是不存在的,只对于复杂的数据类型来说是必要的。

posted @ 2022-01-07 21:27  SadicZhou  阅读(49)  评论(0编辑  收藏  举报