详解JS数据类型的值拷贝函数(深拷贝)

 更新时间:2017年07月13日 08:42:08   作者:九转十指  
这篇文章主要介绍了详解JS数据类型的值拷贝函数(深拷贝)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

废话不多说了,直接给大家贴代码了,具体代码如下所示:

function mottoClone (obj) {
 if (obj === null || typeof obj !== 'object') return obj;
 if (obj instanceof Boolean) return new Boolean(obj.valueOf());
 if (obj instanceof Number) return new Number(obj.valueOf());
 if (obj instanceof String) return new String(obj.valueOf());
 if (obj instanceof RegExp) return new RegExp(obj.valueOf());
 if (obj instanceof Date) return new Date(obj.valueOf());
 var cpObj = obj instanceof Array ? [] : {};
 for (var key in obj) cpObj[key] = myClone(obj[key]);
 return cpObj;
}

支持的数据类型或格式有:Boolean,Number,String,RegExp,Date,Function,Array,JSON

支持深拷贝(循环迭代),如:

var obj = {
 id: 1,
 name: 'xxx',
 sayName: function () {
  console.log('my name is' + this.name);
 },
 childs: [
  {}, 
  {}, 
  ...
 ],
 opts: {
  xxx: [],
  ...
 },
 ...
};
var newObj = mottoClone(obj);

以上所述是小编给大家介绍的JS数据类型的值拷贝函数(深拷贝),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 一篇文章教你写出干净的JavaScript代码

    一篇文章教你写出干净的JavaScript代码

    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型,下面这篇文章主要给大家介绍了如何通过一篇文章教你写出干净的JavaScript代码,需要的朋友可以参考下
    2021-09-09
  • 微信小程序网络数据请求的实现详解

    微信小程序网络数据请求的实现详解

    这篇文章主要为大家介绍了微信小程序网络数据请求的实现讲解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • JS仿百度搜索自动提示框匹配查询功能

    JS仿百度搜索自动提示框匹配查询功能

    这篇文章主要介绍了JS输入框模糊匹配查询功能,主要是仿百度搜索自动提示框的功能,大家参考使用吧
    2013-11-11
  • 超详细小程序定位地图模块全系列开发教学

    超详细小程序定位地图模块全系列开发教学

    这篇文章主要介绍了超详细小程序定位地图模块全系列开发教学,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • JS实现轮播图小案例

    JS实现轮播图小案例

    这篇文章主要为大家详细介绍了JS实现轮播图小案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • js 绑定带参数的事件以及手动触发事件

    js 绑定带参数的事件以及手动触发事件

    js 绑定带参数的事件以及手动触发事件,需要的朋友可以参考下。
    2010-04-04
  • JavaScript模块规范之AMD规范和CMD规范

    JavaScript模块规范之AMD规范和CMD规范

    本篇文章给大家介绍js模块规范之AMD规范和CMD规范,模块化是一种处理复杂系统分解为代码结构更合理,可维护性更高的可管理的模块的方式,对js amd cmd规范感兴趣的童鞋可以来本文学习
    2015-10-10
  • JavaScript中常见的继承方式总结

    JavaScript中常见的继承方式总结

    这篇文章主要和大家详细介绍了JavaScript中常见的几种继承方式,文中的示例代码讲解详细,对我们学习JavaScript有一定帮助,需要的小伙伴可以参考下面文章详细内容
    2022-11-11
  • JavaScript函数中this指向问题详解

    JavaScript函数中this指向问题详解

    这篇文章主要给大家介绍了关于JavaScript函数中this指向问题的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • Js利用prototype自定义数组方法示例

    Js利用prototype自定义数组方法示例

    JS中的phototype是JS中比较难理解的一个部分,但下面这篇文章主要给大家介绍了关于Javascript利用prototype自定义数组的相关资料,通过实例给大家介绍phototype的使用,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-10-10

最新评论