JavaScript数组和对象的复制的代码实例分析

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript数组和对象的复制的代码实例分析，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2314字，纯文字阅读大概需要4分钟。

内容图文

一、数据类型

从狭义上来说，JS把所有的数据分成两大类型：基本类型和引用类型，其中基本类型包括Undefined、Null、Boolean、Number和String，引用类型为Object，常用的Array、Date、RegExp、Function等都属于Object类型。

基本型数据和引用型数据的区别之一就是，在复制变量时，基本型数据复制独立的一份新的拷贝，而引用型数据复制的是原变量的引用。下面是一个例子：

如果我想复制引用类型本身的值而非引用，显然不能采用上面的方式。

二、数组的浅复制

浅复制是指对象（数组）被复制时，其引用字段的值不会被复制，而是复制了对应字段的引用。如：

浅复制一般用于一维数组，即数组中不存在引用类型的情况。常用的浅复制方法有：

concat方法

concat方法更多地被用在数组合并中，比如：

特别要指出，concat用于数组合并时，是将两个（或多个）数组中的所有元素复制到新的对象，对于大型数组来说，开销比较大。更好的办法是把后一个数组的元素复制到前一个数组中：

slice方法

slice方法可以从已有数组中返回选定的元素，返回的是一个新数组。

三、对象的浅复制

对象的浅复制可以用for-in遍历来实现，在es6中提供了更为方便的Object.assign()方法。

也可以使用jQuery中的$.extend，underscore中的_.extend等方法来实现对象的复制。

四、深度复制

浅复制的应用场景有限，更多情况下，我们希望能够将对象复制出一个完整的副本，这就需要用到typeof或instanof操作符来对各个字段的类型进行判断。如果某字段是基本类型的，可以直接复制。如果某字段是引用类型的，还需要对该字段的所有字段进行上述判断，这就很容易让我们考虑使用递归来实现这个功能。

在上述代码中，由于数组是特殊的对象，因此可以用for-in来遍历。

另外，还可以使用json大法：

这样做虽然比较简便，但原对象的很多属性在操作后会丢失，比如construtor属性以及对象原型中的一些方法。

以上就是JavaScript数组和对象的复制的代码实例分析的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JavaScript数组和对象的复制的代码实例分析全部内容，希望文章能够帮你解决JavaScript数组和对象的复制的代码实例分析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端