js字符串拼接效率

  • Post author:
  • Post category:其他



在脚本开发过程中,经常会按照某个规则,组合拼接出一个大字符串进行输出。比如写脚本控件时控制整个控件的外观的html标签输出,比如ajax里得到服务器端的回传值后动态分析创建html标签时。


方式一:


字符串的拼接在我们写代码时用“+=”这个运算符,s += string;


这种方式脚本执行起来很慢,CPU使用率狂高。




方式二:


使用数组


var content =[];


content.push();


content.join(“”);


该方式比字符串快很多,但是如果就一行字符串需要拼接,则不需要,因为创建数组也是需要花费时间的。


方式三:document.createElement();



document.createElement();是在对象中创建一个对象,要与appendChild()或insertBefore()方法联合使用。



  1. <script type=

    “text/javascript”

    >


  2. var

    board = document.getElementById(

    “board”

    );


  3. var

    e = document.createElement(

    “input”

    );

  4. e.type =

    “button”

    ;

  5. e.value =

    “这是测试加载的小例子”

    ;


  6. var

    object = board.appendChild(e);

  7. </script>







document.createElement();该方式创建元素和元素拼接最快。





版权声明:本文为sly94原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。