JavaScript递归深拷贝

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
<script>

var obj={
     name:'2c不高兴',age:20,address:'黑龙江省'}

function deepclone(obj){
     
// 如果传进来的对象不是对象、数组或者是 null、undefined,则直接返回。
    if(typeof obj !=='object' || obj==null){
     
        return obj
    }
// 定义一个准备返回的深克隆的变量,其类型取决于传进来的数据类型。
    const result =obj instanceof Array?[]:{
     };
// 循环遍历数组或对象,使用递归,逐层克隆数据。
    for(let key in obj){
     
      // 保证 key 不是原型的属性
        if(obj.hasOwnProperty(key)){
     
         // 递归调用
            result[key]=deepclone(obj[key])
        }
    }
    return result
}


let obj1=deepclone(obj)
obj1.name='xxx'
console.log(obj)
console.log(obj1)


</script>
</html>

你可能感兴趣的:(JS,javascript,js)