设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 数据 手机
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

14 个拷贝数组的 JS 技巧(3)

发布时间:2019-11-13 16:33 所属栏目:21 来源:佚名
导读:请注意,上面这些方法执行的是浅拷贝,就是数组是元素是对象的时候,咱们更改对象的值,另一个也会跟着变,就能技巧4来说,如果咱们的数组元素是对象,如下所示: constauthors=[ {name:'前端小智',age:25}, {name:

请注意,上面这些方法执行的是浅拷贝,就是数组是元素是对象的时候,咱们更改对象的值,另一个也会跟着变,就能技巧4来说,如果咱们的数组元素是对象,如下所示:

  1. const authors = [ 
  2.  { name: '前端小智', age: 25 },  
  3.  { name: '王大冶', age: 30 },  
  4.  
  5. const copy = [...authors ] 
  6. copy[0].name = '被更改过的前端小智' 
  7.  
  8. console.log(copy) 
  9. console.log(authors) 

输出

14 个拷贝数组的 JS 技巧

所以上面的技巧适合简单的数据结构,复杂的结构要使用深拷贝。数组拷贝经常被误解,但这并不是因为拷贝过程本身,而是因为缺乏对 JS 如何处理数组及其元素的理解。

好啦,本次分享到这里了。

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读