面试-深拷贝

当前位置:

首页 > 网站开发 > 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

栏目列表