码迷,mamicode.com
首页 > Web开发 > 详细

js 浅与深拷贝

时间:2018-01-03 19:37:30      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:div   blog   obj   ret   console   body   cti   pos   val   

 1、浅拷贝

let obj1 = {
  a: 1,
  b: 2
}
let obj2 = obj1
obj2.b = 3
console.log(obj1)  // { a: 1, b: 3 }
console.log(obj1 === obj2) //true

 

 2、深拷贝

function deepCopy(obj) {
   if(typeof obj === "object") {
       if(obj.constructor === Array) {
           var newArr = []
           for(var i = 0; i < obj.length; i++) newArr.push(obj[i])
           return newArr
       } else {
           var newObj = {}
           for(var key in obj) {
               newObj[key] = this.deepCopy(obj[key])
           }
           return newObj
       }
   } else {
       return obj
   }
}//理解版

 

let obj1 = {
  a: ‘1‘,
  b: ‘2‘,
  c: {
    d: ‘3‘
  },
  d: function aa () {}
}
function deepCopy (obj) { //简化后
  let temp = obj.constructor === Array ? [] : {}
  for (let val in obj) {
    temp[val] = typeof obj[val] == ‘object‘ ? deepCopy(obj[val]) : obj[val]
  }
  return temp
}
console.log(deepCopy(obj1)) //{ a: ‘1‘, b: ‘2‘, c: { d: ‘3‘ }, d: [Function: aa] }

 

js 浅与深拷贝

标签:div   blog   obj   ret   console   body   cti   pos   val   

原文地址:https://www.cnblogs.com/vhen/p/8185112.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!