Javascript连接多个数组不用concat来解决
更新时间：2014年03月24日 16:44:21 作者：
这篇文章主要介绍了不用concat解决Javascript连接多个数组,需要的朋友可以参考下
第一种方法就是大家熟知的concat，但是这个方法有一个确定就是该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
如果只是想把一个新数组的元素加到现有数组中，我们还要为其重新赋值，其实存在有一点点资源的浪费。简单的说，我们要为新创建的数组分配新的内存空间，并且把arr1重新指向这个新内存地址，那么原来那个内存中的数组呢，嘿嘿 那就要看浏览器能不能正确回收喽。
如下例：
var arr1 = [1,2,3];
var arr1 = arr1.concat([4,5]);
那么我们有没有什么好办法来避免这个资源消耗呢？
这里可以使用Javascript原生的apply方法来实现，首先看如下代码：
var arr1= [1,2,3];
arr1.push.apply(arr1,[4,5]);
这样就搞定了，此方法巧妙的运用了apply方法的特性(第二个参数是数组类型的多个)解放了push方法， push方法从本身只能传递多个值变成了可以传递数组， 上述代码其实就等价于
arr1.push(4,5);
这样arr1还是那个arr1，只是内存进行了重写而已，没有重定向和不必要的内存溢出。
如果只是想把一个新数组的元素加到现有数组中，我们还要为其重新赋值，其实存在有一点点资源的浪费。简单的说，我们要为新创建的数组分配新的内存空间，并且把arr1重新指向这个新内存地址，那么原来那个内存中的数组呢，嘿嘿 那就要看浏览器能不能正确回收喽。
如下例：
复制代码 代码如下:
var arr1 = [1,2,3];
var arr1 = arr1.concat([4,5]);
那么我们有没有什么好办法来避免这个资源消耗呢？
这里可以使用Javascript原生的apply方法来实现，首先看如下代码：
复制代码 代码如下:
var arr1= [1,2,3];
arr1.push.apply(arr1,[4,5]);
这样就搞定了，此方法巧妙的运用了apply方法的特性(第二个参数是数组类型的多个)解放了push方法， push方法从本身只能传递多个值变成了可以传递数组， 上述代码其实就等价于
复制代码 代码如下:
arr1.push(4,5);
这样arr1还是那个arr1，只是内存进行了重写而已，没有重定向和不必要的内存溢出。
您可能感兴趣的文章:
- JS数组合并push与concat区别分析
- js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
- JavaScript使用concat连接数组的方法
- JavaScript字符串对象的concat方法实例（用于连接两个或多个字符串）
- JS数组方法concat()用法实例分析
- JavaScript中使用concat()方法拼接字符串的教程
- 深入理解javascript中concat方法
- javascript使用 concat 方法对数组进行合并的方法
- js采用concat和sort将N个数组拼接起来的方法
- javascript中数组的concat()方法使用介绍
- javascript concat数组累加 示例
- JS Array创建及concat()split()slice()的使用方法
- 浅谈JavaScript的push(),pop(),concat()方法
- JavaScript模拟数组合并concat
- JS数组降维的实现Array.prototype.concat.apply([], arr)
- JavaScript中concat复制数组方法浅析
- javascript数组中的concat方法和splice方法
- JavaScript的concat方法实例代码(数组连接)
相关文章
这篇文章主要介绍了JavaScript面向对象精要(下部),需要的朋友可以参考下2017-09-09
在 JavaScript 中，对象是引用类型的数据，其优点在于频繁的修改对象时都是在原对象的基础上修改，并不需要重新创建，这样可以有效的利用内存，不会造成内存空间的浪费，对象的这种特性可以称之为 Mutable，中文的字面意思是「可变」2016-05-05
avalon是前端MVVM框架，在js中经常会用到。这篇文章主要介绍了JavaScript 中 avalon绑定属性总结的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了JavaScript设计模式之单件模式介绍,单件模式,就是静态化的访问中已经实例化的对象,这个对象只能通过一个唯一的入口访问,已经实例或待实例化的对象,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了使用Javascript简单计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
为什么要做圆角的div： 圆角div平滑美观，某些情况下有比较不错的效果。比如说要做一个报message的消息框，那么动态的生成一个圆角div则很有意义。而对html样式控制的css本身是不直接支持圆角div的。2009-10-10
这篇文章主要介绍了JS实现根据文件字节数返回文件大小的方法,涉及javascript数值计算与字符串操作相关技巧,需要的朋友可以参考下2016-08-08
这篇文章主要介绍了js给网页加上背景音乐及选择音效的方法,涉及javascript操作音频的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了纯JS实现可用于页码更换的飞页特效,涉及javascript结合时间函数的数学运算与页面元素属性动态修改相关操作技巧,需要的朋友可以参考下2018-05-05
JavaScript 函数柯里化是将一个多参数的函数转换为一系列单参数的函数,每个单参数函数都可以接收一个参数,并返回一个新的函数,本文将通过代码示例给大家讲讲JavaScript函数柯里化的优缺点,需要的朋友可以参考下2023-09-09
最新评论