欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

我自己常用的几个JS深浅拷贝的方法

程序员文章站 2024-02-22 22:31:28
...

案例代码

let obj = [
	{
		name: 'robin',
		age: 24,
		num: [
			{
				sleep: '8',
				eat: 'chicked',
				happy: [1,2,3]
			}
		]
	}		
]

深拷贝

  1. JSON
let newObj = JSON.parse(JSON.stringify(obj))
  1. jQuery的$.extend()
let o = {}
let newObj = $.extend(true, o, obj)
  1. 函数库lodash里面的closeDeep方法
  2. 递归拷贝
		function deepClone (sourceObj, targetObj) {
		    let cloneObj = targetObj || {}
		    if(!sourceObj || typeof sourceObj !== "object" || sourceObj.length === undefined){
		        return sourceObj
		    }
		    if(sourceObj instanceof Array){
		        cloneObj = sourceObj.concat() // concat 不会改变原有数组,会返回原有数组的一个副本
		    } else {
		        for(let i in sourceObj){
		            if (typeof sourceObj[i] === 'object') {
		                cloneObj[i] = deepClone(sourceObj[i], {})
		            } else {
		                cloneObj[i] = sourceObj[i]
		            }
		        }
		    }
		    return cloneObj
		}

浅拷贝

  1. Object.create()
  2. Object.assign()
  3. 引用赋值
相关标签: 深浅拷贝