js 字符串拼接在不同浏览器下的性能比较

浏览器中字符串拼接性能对比

最新推荐文章于 2024-04-28 00:00:00 发布

原创最新推荐文章于 2024-04-28 00:00:00 发布 · 308 阅读

0 ·

CC 4.0 BY-SA版权

本文通过实验对比了不同浏览器下使用字符串拼接操作符“+”与Array的join方法的性能差异，并得出在Chrome中使用“+”更快，在IE和Firefox中使用join方法更优的结论。

<!DOCTYPE>
<html>
<head>
    <title></title>
</head>
<body>

</body>
</html>
<script type="text/javascript">
    var t1 = new Date().getTime();

    var string = '';
    for(i=1; i<=500000; i++){
        string += i;
    }
    var t2 = new Date().getTime();
    console.log(t2-t1);

    var arr = [];
    for(i=1; i<=500000; i++){
        arr[i] = i;
    }
    var t3 = new Date().getTime();
    arr.join();
    var t4 = new Date().getTime();
    console.log(t4-t3);
</script>

结论
Chrome += 比 arr.join() 快而 IE 和Firefox arr.join() 比 += 快
Chrome += 比 arr.join() 快 8倍左右
IE ：arr.join() 比 += 快 3倍
Firefox ： arr.join() 比 += 快 3倍
Firefo 比 IE 快 10 倍
大多数人使用的还是ie多一点，所以 js项目中,js处理字符串使用arr.join 会比+= 好