面试-深拷贝

当前位置:

首页 > 网站开发 > JavaScript >

面试-深拷贝

<!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运算符的拓展

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

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

原文链接：https://www.cnblogs.com/SadicZhou/p/15776913.html

栏目列表