JS :手写深拷贝(递归实现)(*****五颗星)

1.手写深拷贝(不考虑symbol)

for in 不会遍历symbol类型的值。

<script>
   function deepClone(cur) {
      if(typeof cur!="object") return cur
      let tar = cur instanceof Array?[]:{}
      for (let k in cur) {//for in会遍历实例成员和原型成员
        if (cur.hasOwnProperty(k)) {//判断是不是实例成员
          if (typeof cur[k] === "object") {//引用类型和基本类型的判断,判断是不是object类型,不是数组就是对象
            // tar[k]=Object.prototype.toString.call(cur[k])==="[object Array]"?[]:{}//数组对象的判断
            tar[k] = Array.isArray(cur[k]) ? [] : {}//判断是否是数组类型
            tar[k]=deepClone(cur[k])//递归调用的入口
          } else {//出口
            tar[k] = cur[k]//基本数据类型----直接拷贝
          }
        }
      }
      return tar
    }
   let c=Symbol("c")
    let d=Symbol("d")
    let obj1 = {
      a: 1,
      b: { a: 2 },
      [c]:3,
      [d]:4
    };
    let obj2 = deepClone(obj1);
    obj2.b.a=11
    console.log(obj1);
    console.log(obj2);
  </script>

2.手写深拷贝(考虑symbol)

Object.getOwnPropertySymbols(cur)可以获取symbol类型的内容

<script>
function deepClone(cur) {
      if(typeof cur!="object") return cur
      let tar = cur instanceof Array?[]:{}
	  //symbol类型的值拷贝
      Object.getOwnPropertySymbols(cur).forEach(i=>{
            tar[i]=cur[i]
      })
   	//非symbol类型的值拷贝
      for(let k in cur){
        if(cur.hasOwnProperty(k)){
          if(typeof cur[k]==="object"){
            tar[k]=Array.isArray(cur[k])?[]:{}
            tar[k]=deepClone(cur[k])
          }else{
            tar[k]=cur[k]
          }
        }
      }
      return tar
    }
    let obj1 = {
      a: 1,
      b: { a: 2 },
      [Symbol("c")]:"cc",
      [Symbol("d")]:4,
    };
    l

剩余60%内容,订阅专栏后可继续查看/也可单篇购买

前端面试题 文章被收录于专栏

前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理

全部评论
牛逼啊,大佬,手写深拷贝!
点赞 回复 分享
发布于 2023-03-22 13:00 山东
现在又开始手撕代码了吗?
点赞 回复 分享
发布于 2023-03-22 13:15 山东

相关推荐

不愿透露姓名的神秘牛友
2024-12-30 18:02
程序员牛肉:1.可以标记一下自己的学校是985,有一些hr可能没想到你这个院校是985的。 2.简历所呈现出来的能力还是有点差的,苍穹外卖+黑马点评。这在java技术域里面也就是刚学三四个月的样子,大厂现在招人少,小厂又更加希望你能直接过来干活。就你简历上呈现出来的能力,确实是有点难找,肉眼可见的不懂技术。 第一个项目中:简单的使用redis也算是亮点嘛?使用jwt,threadlocal也算是亮点?你不就是调了几个包嘛?Nginx作为服务器也能写出来,这不是前端的活嘛? 第二个项目中:分布式锁+mq消息队列+Lua队列。真没啥好问的。属于面试官看一眼就阳痿的简历,没有任何想提问的欲望。 我给你建议是好好的挖一挖这个项目吧,其实苍穹外卖和黑马点评这两个项目很不错了,只不过是太烂大街了导致面试官没啥问的兴趣,所以不太推荐写简历上。
点赞 评论 收藏
分享
评论
3
9
分享

创作者周榜

更多
牛客网
牛客企业服务