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 }