文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么在Javascript中复制对象

2023-06-14 23:57

关注

怎么在Javascript中复制对象?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

javascript是一种什么语言

javascript是一种动态类型、弱类型的语言,基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言。它主要用来给HTML网页添加动态功能,现在JavaScript也可被用于网络服务器,如Node.js。

js如何复制一个对象?

方法一:

把原来对象的属性遍历一遍,赋给一个新的对象。

//深复制对象方法    var cloneObj = function (obj) {      var newObj = {};      if (obj instanceof Array) {          newObj = [];      }      for (var key in obj) {          var val = obj[key];          //newObj[key] = typeof val === 'object' ? arguments.callee(val) : val; //arguments.callee 在哪一个函数中运行,它就代表哪个函数, 一般用在匿名函数中。          newObj[key] = typeof val === 'object' ? cloneObj(val): val;      }      return newObj;  };  //测试    var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//设置一个对象  newObj = cloneObj(obj);//复制对象  newObj.b.c=2;//给新对象赋新值  obj.a();//1,不受影响  newObj.a();//2

方法二:

1). 先将对象变为字符串,然后再变为json对象,防止对象的指针指向问题,为深拷贝

2). undefined 和 function 类型的属性会被忽略,而 Date 类型的属性则会被转换为字符串

var obj = {a:1,b:2}  var newObj = JSON.parse(JSON.stringify(obj));  newObj.a=3;  console.log(obj);  console.log(newObj);

方法三:

针对数组对象的方法,用数组方法concat一个空数组

var a=[1,2,3];  var b=a;  var c=[].concat(a);  a.push(4);  console.log(b);  console.log(c);

方法四:

扩展运算符实现对象的深拷贝

var obj = {  name: 'FungLeo',  sex: 'man',  old: '18'}var { ...obj2 } = objobj.old = '22'console.log(obj)console.log(obj2)

方法五:

ES6扩展运算符实现数组的深拷贝

var arr = [1,2,3,4,5]var [ ...arr2 ] = arrarr[2] = 5console.log(arr)console.log(arr2)

怎么在Javascript中复制对象

关于怎么在Javascript中复制对象问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网行业资讯频道了解更多相关知识。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯