JS数组追加数组没有现成的函数,这么多年我已经习惯了a.push.apply(a, b);这种自以为很酷的,不需要写for循环的写法,一直也没遇到什么问题,直到今天我要append的b是个很大的数组时才遇到了坑。
1
2
3
|
a = new Array();
b = new Array(125624);
a.push.apply(a, b); |
以上的代码在mac的chrome下抛出了如下的异常
1
|
Uncaught RangeError: Maximum call stack size exceeded |
如果把数组改为b = new Array(125623);小一个元素居然就好了,测试了一下其他浏览器也都有大数组才出错的问题,但不同浏览器临界值还各异。
搜索了http://stackoverflow.com/questions/1374126/how-to-append-an-array-to-an-existing-javascript-array/17368101#17368101 发现也有人遇到这样的坑:
1
2
3
4
|
Array.prototype.extend = function (other_array) {
/* you should include a test to check whether other_array really is an array */
other_array.forEach( function (v) { this .push(v)}, this );
} |
给出的建议是老老实实用forEach,不仅可以避免大数组的异常问题,并且从性能角度考虑forEach也是最快的
这个小坑给了我两点思考:
1、有些花哨的用法如a.push.apply(a, b);还是用于面试题装逼就行,实战上还是多走老实路线免得遇到异常和性能的坑,例如小数量的如这篇的这个几十个节点的3D网络拓扑弹簧布局例子玩玩倒是没问题,遇到真正大数据量如这篇中的HT for Web的这个3D大数据量性能例子才能考验出问题。
2、http://stackoverflow.com/questions/1374126 从stackoverflow找答案时不要仅盯着投票最多的,真理往往掌握在少数人手中,下图259票的回答是个坑,34票的才是最完美的分析:
相关推荐
JS数组追加数组没有现成的函数,这么多年我已经习惯了a.push.apply(a, b);这种自以为很酷的,不需要写for循环的写法,一直也没遇到什么问题,直到今天我要append的b是个很大的数组时才遇到了坑。
比较了4种可以向数组添加项的方法之间的性能: 使用索引器添加 代码如下: console.time(“index”); var a = []; for (var i = 0, l = times; i < l; i++) { a[i] = i; } console.timeEnd(“index”); 使用...
javascript中给数组加元素是一个非常简单的问题,javascript本身就提供了大量这类函数,我们可以使用js自带函数快速给数组增加元素了,本文就javascript进行数组追加的方法做出如下小结。以前常用的是arr.concat(arr2...
小追加0.08米.DAT.dat
追加投资协议范本精选.doc
JavaScript的数组push()方法追加在最后该数组的给定元素(多个),并返回新的数组的长度。 语法 array.push(element1, ..., elementN); 下面是参数的详细信息: element1, …, elementN: 元素添加到数组的末尾。 ...
追加12月份郑州提案.ppt
ruby数组处理大全 如函数名称 说明 示例 &数组与,返回两数组的交集 [1,2] & [2,3] =>[2] *复制数组n次 [1,2]*2 => [1,2,1,2] +返回两数组的并集,但不排除重复元素 [1,2]+[2,3] =>[1,2,2,3] 追加元素,但不...
浅析当事人的追加问题(1).pdf
这些数据类型都支持push/pop、add/remove及取交集并集和差集及更丰富的操作,而且这些操作都是原子性的。在此基础上,redis支持各种不同方式的排序。与memcached一样,为了保证效率,数据都是缓存在内存中。区别的是...
追加5句hello北京
大坝追加项目报告_secret
array_push() 定义和用法array_push() 函数向第一个参数的数组尾部添加一个或多个元素(入栈),然后返回新数组的长度
如果我们是一维数组增加数组元素我们可以使用ArrayListay_push,当然除这种方法之外我们还有更直接的办法,这里就来给大家整理一下. 一维数组增加元素 $ArrayList = ArrayListay(); Array_push($ArrayList, el1, el2...
在数组中添加一个元素,程序完全可以运行,方便大家学习
今天,我们在来看看如何使用数组来管理DOM元素。基本方法 .each(); 在处理数组时,.each();方法是你最好的朋友。它提供了一种很容易的方法来遍历数组的每个元素,如果有需要还可以对其中的元素进行任何逻辑处理。...
下面小编就为大家分享一篇js实现以最简单的方式将数组元素添加到对象中的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
合并数组是把一个数组追加到另一个数组中,主要应用array_merge()函数实现 语法如下: array array_merge(array array1,array array2[,array...]); 注: 在合并时,如果输入的数组中有相同的字符串键名,则后面的值...