也来测测javascript拼接字符串不同方法的效率
2017-11-15 17:49
519 查看
今天,对javascript中拼接字符串的两种方法做了个效率对比。第一种是 += 的方法,第二种 是join 。
代码实现如下:
第一种 +=
第二种 join
我在IE8和chome版本 56.0.2924.87分别对1w,10w,100w,1000w数据量,测试他们的执行之间:
根据以上的结果,不难得出结论。
代码实现如下:
第一种 +=
<script type="text/javascript"> d1=new Date(); var arr = []; for (var i = 0; i < 10000000; i++) { arr.push(i); }; var str = ''; for (var i = 0; i < 10; i++) { str += i; }; d2=new Date(); var t=d2.getTime()-d1.getTime(); console.log(t); </script>
第二种 join
<script type="text/javascript"> d1=new Date(); var arr = []; for (var i = 0; i < 10000000; i++) { arr.push(i); }; //console.log(arr); var str = ''; str=arr.join(""); d2=new Date(); var t=d2.getTime()-d1.getTime(); console.log(t); </script>
我在IE8和chome版本 56.0.2924.87分别对1w,10w,100w,1000w数据量,测试他们的执行之间:
IE | chome | |||
| += | join | += | join |
10,000 | 5 | 7 | 0-1 | 1-2 |
100,000 | 55 | 70 | 5 | 20-25 |
1000,000 | 545 | 717 | 24 | 180-200 |
10000,000 | 12432 | 内存溢出 | 193 | 2248 |
相关文章推荐
- Javascript拼接HTML字符串的方法列举及思路
- 5种字符串拼接方法效率的测试
- javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
- JavaScript中使用concat()方法拼接字符串的教程
- 利用JS提高组合拼接字符串效率的方法
- Javascript中的字符串链接和Array.join()方法时间效率对比
- java中拼接字符串的5种方法效率对比
- 如何用拼接的字符串调用javascript的变量或方法
- javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
- 谈JavaScript组合拼接字符串的效率 --转载
- JavaScript中字符串拼接的基本方法
- javascript使用Array、join做字符存储和直接使用+号拼接字符串的执行效率比较
- Javascript中拼接大量字符串的方法
- 利用JS提高组合拼接字符串效率的方法(转)
- 利用JS提高组合拼接字符串效率的方法
- JavaScript组合拼接字符串的效率对比测试
- JavaScript中使用concat()方法拼接字符串的教程
- javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同