js对象数组深层复制克隆

参考:https://juejin.cn/post/6844903481224986638

//赋值对象是一个obj,只有一层,不能克隆二维
this.objData=Object.assign({}, row) //这样就不会共用同一个对象

//数组我们也有一个巧妙的防范,也是只有一层
newArray = oldArray.slice(); //slice会clone返回一个新数组
 const arr2 = [...arr];

 // 深层对象/数组克隆

import { cloneDeep } from "lodash";
const gun3 = cloneDeep(gun);

// 或者循环

function cloneDeep(obj) {
  if (obj == null || typeof obj !== 'object') return obj
  var newObj = Array.isArray(obj) ? [] : {}
  for (let i in obj) {
    if (obj.hasOwnProperty(i)) {
      var value = obj[i]
      newObj[i] = typeof value === 'object' ? clone(value) : value
    }
  }
  return newObj
}

 // 多维

/**
 * This is just a simple version of deep copy
 * Has a lot of edge cases bug
 * If you want to use a perfect deep copy, use lodash's _.cloneDeep
 * @param {Object} source
 * @returns {Object}
 */
export function deepClone(source) {
  if (!source && typeof source !== 'object') {
    throw new Error('error arguments', 'deepClone')
  }
  const targetObj = source.constructor === Array ? [] : {}
  Object.keys(source).forEach(keys => {
    if (source[keys] && typeof source[keys] === 'object') {
      targetObj[keys] = deepClone(source[keys])
    } else {
      targetObj[keys] = source[keys]
    }
  })
  return targetObj
}

 

posted @ 2022-05-26 11:10  jqynr  阅读(236)  评论(0)    收藏  举报