<script>
// 第一种:最简单的方法,一行代码实现
JSON.parse(JSON.stringify('需要进行拷贝的对象'))
// 第二种:原生函数封装,使用递归实现
function deepCopy(newObj, obj) {
// 判断数据是否是复杂类型
for (var key in obj) {
// 检测是否存在数组
if (obj[key] instanceof Array) {
newObj[key] = [];
deepCopy(newObj[key], obj[key]);
// 检测是否存在对象
} else if (obj[key] instanceof Object) {
newObj[key] = {};
deepCopy(newObj[key], obj[key]);
// 简单类型
} else {
newObj[key] = obj[key];
}
}
return newObj;
}
var obj = {
name: '小蔡呀',
age: 18,
list: {
sing: 'rap',
eat: {
fruits: ['pear', 'grape', 'apple'],
},
},
hobbies: ['唱', '跳', 'rap', '篮球']
};
var newObj = {};
var res = deepCopy(newObj, obj);
console.log(res);
</script>
本文地址:https://blog.csdn.net/Maple__Leaf_/article/details/107553085
如对本文有疑问, 点击进行留言回复!!
vue源码实战render.js与$nextTick的异步调用
网友评论