码迷,mamicode.com
首页 > 其他好文 > 详细

前端性能优化:字符串的连接操作改进

时间:2016-07-05 15:43:09      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

在web开发中,避免不了字符串连接的操作,但字符串的连接操作性能高吗?

之前有不少文章说使用加号性能低下,建议使用数组的join操作。

测试代码:

var length = 300000;
    /*数组的 join*/
    function Test1() {
        var date1 = new Date().getTime();
        var t = [];
        for (var i = 0; i < length; i++) {
            t[i] = "name" + i;
        }
        arr.join("");
        var date12 = new Date().getTime();
        console.log("1Test" + ((date12 - date1)));
    }
    /*字符串 +操作*/
    function Test2() {
        var date1 = new Date().getTime();
        var t = "";
        for (var i = 0; i < length; i++) {
            t += "name" + i;
        }
        var date12 = new Date().getTime();
        console.log("2Test" + ((date12 - date1)));
    }

测试发现:在谷歌50中加号的操作比数组的join操作性能好,偏差两倍多。但在IE10中join操作性能比加号的操作性能好,偏差不到一倍。其实如果循环不是很大的话,偏差不是很明显。看来这个连接操作还是需要根据实际测试进行修改的。



微软参考文章

技术分享

技术分享

技术分享

前端性能优化:字符串的连接操作改进

标签:

原文地址:http://blog.csdn.net/xuexiaodong009/article/details/51810312

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!