`
haiyupeter
  • 浏览: 427690 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JavaScript字符串拼接性能

javascript 
阅读更多
JavaScript字符串拼接方法：
1. +号： var result = “hello” + ” ” + “world”;
2. 数组join方法：var arr = ["hello", " ", "world"]; arr.join(“”);

示例代码： 
<html>
<head>
    <script type="text/javascript">
     
        function main() {
            var str = "Hello World";
            var tab = "";
 
            document.getElementById("time1").innerHTML = new Date().getTime();
            for (var i = 0; i < 10000; i++) {
                tab += str + i;
            }
 
            document.getElementById("time2").innerHTML = new Date().getTime();
             
            var tab2 = [];
 
            document.getElementById("time3").innerHTML = new Date().getTime();
            for (var i = 0; i < 10000; i++) {
                tab2.push(str + i);
            }
 
            document.getElementById("time4").innerHTML = new Date().getTime();
        }
    </script>
</head>
<body onload="main();">
    <div id="time1"></div>
    <div id="time2"></div>
    <div id="time3"></div>
    <div id="time4"></div>
</body>
</html>

        选取的数据为10000次连接相加，测试结果如下：
浏览器字条串+字符串数组join
IE6171毫秒30毫秒
IE7171毫秒20毫秒
Chrome153毫秒1毫秒
Firefox81毫秒1毫秒
Opera11.523毫秒3毫秒

        现代的浏览器，通过+与通过join在IE上有比较大的不同，如果考虑的是主要为IE6和IE7等用户的话，数据量大，则优先考虑使用数组的join方法为好。
        如果数据量小的话或者是数据较短，而语义上有连续的话，使用+为好，直接，并且容易看懂。
分享到：
| IE6下的Aborted解决办法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    字符串拼接工具

    "字符串拼接工具"就是针对这类需求而设计的小型实用程序。它能够帮助开发者快速、有效地组合多个字符串，添加前缀或后缀，使得多行文本的格式化变得简单。 在编程中，字符串拼接通常是通过字符串连接运算符或者使用...

    javascript字符串拼接的效率问题|angluo-javascript-60995.pdf

    总之，字符串拼接的效率问题，不仅仅是简单的性能比较，还包括内存碎片问题以及不同浏览器和JavaScript引擎的优化策略。在编写代码时，合理选择字符串拼接的方式可以提高程序的性能，同时保持代码的可读性和可维护性...

    字符串拼接-不同方式下的性能问题纠错1

    在JavaScript编程中，字符串拼接是一项常见的操作，尤其是在处理大量数据时。然而，不同的拼接方式在性能上可能有所差异，这取决于所使用的浏览器和其内部实现。在早期的JavaScript环境中，尤其是IE7及更早版本，...

    字符串拼接

    字符串拼接是JavaScript编程中的一项基本技能，掌握不同的拼接方法及其适用场景对于提高程序性能至关重要。通过合理选择拼接方法，不仅可以提高代码的可读性，还能有效提升应用程序的运行效率。

    javascript中字符串拼接详解

    需要注意的是，随着JavaScript引擎的不断优化，直接使用字符串拼接在现代浏览器中的性能可能已经得到了大幅度的提升，因此在实际开发中需要根据不同的运行环境和需求来选择最佳的字符串拼接方法。

    浅谈JavaScript字符串拼接

    在JavaScript开发中，字符串拼接是一项基础但十分常见的操作，它允许...总之，字符串拼接在JavaScript中是一种基础且重要的操作，掌握不同的拼接技巧可以帮助我们更好地编写高质量的代码，提升开发的效率和应用的性能。

    Javascript字符串拼接小技巧(推荐)

    Zakas所著的《高性能JavaScript》一书，书中深入探讨了不同字符串拼接方法在性能上的差异。 总结来说，JavaScript提供多种字符串拼接的方法，包括但不限于数组的join方法、StringBuffer封装、反斜杠拼接以及ES6...

    JavaScript 学习笔记二 字符串拼接

    除了上述方法，提升JavaScript中字符串拼接性能还有一些其他的策略。例如，可以使用模板字符串（ES6新增的语法），其在编译时会生成最优的字符串拼接代码，或者在处理HTML字符串拼接时，考虑使用`document碎片`...

    javascript中字符串拼接需注意的问题

    在JavaScript编程中，字符串拼接是一项常见的操作，但如果不注意其内部的工作机制，可能会导致性能问题。本篇文章将深入探讨JavaScript中的字符串拼接，并对比C#中的StringBuilder，以揭示两者在处理大量字符串拼接...

    JavaScript中字符串拼接的基本方法

    在JavaScript中，字符串拼接是常见的操作，用于组合多个字符串以形成新的字符串。有几种不同的方法可以实现这一目标，每种都有其特定的用途和适用场景。以下是对这些方法的详细解释： 首先，最基础的方法是使用“+...

    探讨js字符串数组拼接的性能问题

    为了解决这个问题，开发人员开始采用数组的`join`方法来优化字符串拼接。 数组对象提供了一种更高效的方式来组合字符串。例如，我们可以预先创建一个空数组`buffer`，然后通过索引直接添加元素（如`buffer[i++] = ...

    html数组字符串拼接的最快方法

    本文将探讨三种常见的HTML数组字符串拼接方法，并分析它们的性能差异。 首先，最常见但也效率最低的方法是逐个字符串相加。这种方法的基本思路是遍历数组，每次迭代都将当前元素与累积的字符串相加。代码如下： ``...

    Strman一个Javascript字符串处理库

    1. **字符串拼接**： Strman提供了一种更简洁的方式来进行字符串的连接，通过`join`方法可以轻松地将数组中的元素连接成一个字符串。这对于生成动态HTML或者构建URL非常有用。 2. **子串操作**： - `substring`和...

    Javascript中拼接大量字符串的方法

    传统的JavaScript字符串拼接方法可能涉及到大量的加号（+）操作符或模板字符串（`），但这些方法在处理多行字符串时显得繁琐并且难以维护。 本文介绍的Heredoc语法是借鉴了PHP和Python等语言的特性，目的是为了在...

    如何利用js拼接html字符串.docx

    - 如果使用普通字符串拼接，可以将每一行都放在同一行内或者使用转义字符`\`来避免换行问题。 ```javascript var html = "&lt;div&gt;\ &lt;h1&gt;Nikeme&lt;/h1&gt;\ 约会：" + one.myhuifangshi + "&lt;/p&gt;\ 状态：" + zt + ...

    JavaScript组合拼接字符串的效率对比测试

    JavaScript中字符串拼接效率对比测试的知识点涵盖了很多方面，包括JavaScript字符串拼接的传统方法、优化后的数组拼接方法、各种主流浏览器在字符串拼接方面的性能表现，以及这些性能差异对实际开发的影响。...

    JavaScript 字符串连接性能优化

    标题提到的“JavaScript字符串连接性能优化”就是针对这一问题进行的探讨。 通常，我们使用`+`运算符或者`+=`来连接字符串，但这种方式在连续拼接大量字符串时效率低下。描述中提到，通过使用类似Java中的`...

Magicbox
Global site tag (gtag.js) - Google Analytics