最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js中浅拷贝与深拷贝的简单介绍以及实现方法

来源:动视网 责编:小采 时间:2020-11-27 19:32:31
文档

js中浅拷贝与深拷贝的简单介绍以及实现方法

js中浅拷贝与深拷贝的简单介绍以及实现方法:本篇文章给大家带来的内容是关于js中浅拷贝与深拷贝的简单介绍以及实现方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。首要声明:什么数据类型才有拷贝一说? 毋庸置疑,数组和对象[Array&Object]浅拷贝:* --- 拷贝数据的方
推荐度:
导读js中浅拷贝与深拷贝的简单介绍以及实现方法:本篇文章给大家带来的内容是关于js中浅拷贝与深拷贝的简单介绍以及实现方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。首要声明:什么数据类型才有拷贝一说? 毋庸置疑,数组和对象[Array&Object]浅拷贝:* --- 拷贝数据的方


本篇文章给大家带来的内容是关于js中浅拷贝与深拷贝的简单介绍以及实现方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

首要声明:什么数据类型才有拷贝一说? 毋庸置疑,数组和对象[Array&Object]

浅拷贝:

* --- 拷贝数据的方法(影响原数据就是浅拷贝)
* 1.直接复制给变量 //浅拷贝
* 2.Object.assign() //对象浅拷贝
* 3.Array.prototype.concat() //数组浅拷贝
* 4.Array.prototype.slice() //数组浅拷贝

深拷贝:

方式一:

//无嵌套对象或者数组浅拷贝
function simpleDeepClone(target){
 return JSON.parse(JSON.stringify(target));
}

方式二:

//嵌套对象或者数组深拷贝
//定义检测数据类型的函数
function checkType(target) {
 return Object.prototype.toString.call(target).slice(8, -1);
}

//实现深度拷贝
function clone(target) {
 //判断拷贝的数据类型
 let result, targetType = checkType(target);
 if (targetType === 'Object') {
 result = {};
 } else if (targetType === 'Array') {
 result = [];
 } else {
 return target;
 }
 //遍历目标数据
 for (let i in target) {
 //获取数据对象的每一个值
 let value = target[i];
 //判断目标结构里面是否存在对象/数组
 if (checkType(value) === 'Object' || checkType(value) === 'Array') {
 //继续遍历
 result[i] = clone(value);
 } else { //获取到的value值是基本的数据类型或者函数
 result[i] = value;
 }
 }
 return result;
}

相关推荐:

jQuery的$.extend浅拷贝与深拷贝实例解析

js实现深浅拷贝方法

文档

js中浅拷贝与深拷贝的简单介绍以及实现方法

js中浅拷贝与深拷贝的简单介绍以及实现方法:本篇文章给大家带来的内容是关于js中浅拷贝与深拷贝的简单介绍以及实现方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。首要声明:什么数据类型才有拷贝一说? 毋庸置疑,数组和对象[Array&Object]浅拷贝:* --- 拷贝数据的方
推荐度:
标签: 方法 实现 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top