js--案例大量字符串拼接

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

本文链接： https://blog.csdn.net/Wing_qixxx/article/details/97652944

实现大量字符串拼接有两个种方法

第一种：

document.getElementById("btn").onclick=function () {
      var str="";
      //获取所有的文本框
      var inputs=document.getElementsByTagName("input");
      //每个文本框的value属性值
      for(var i=0;i<inputs.length-1;i++){
        if(inputs[i].type!="button"){
          str+=inputs[i].value+"|";
        }
      }
      console.log(str+inputs[inputs.length-1].value);
    };

注意：字符串特性 – 不可变性

var str="abcef";
    console.log(str[2]);
    str[2]="H";
    console.log(str);

推荐：第二种——使用数组的方式拼接大量字符串，节省内存空间

document.getElementById("btn").onclick = function () {
    var str = [];
    //获取所有的文本框
    var inputs = document.getElementsByTagName("input");
    //每个文本框的value属性值
    for (var i = 0; i < inputs.length; i++) {
      if (inputs[i].type != "button") {
        str.push(inputs[i].value);
      }
    }
    console.log(str.join("|"));//字符串
  };