JS two kind of stitching string simple method (Must see) _javascript tips

As shown below:

function (Msgarr) {
  var len = msgarr.length;
  var n = 0;
  var htmlspan = "";
  for (var j = 0; J < Len-1; J + +) {
    Htmlspan = = ' <span>·</span> ';
  }
  Htmlspan + = ' <span class= ' on ' >·</span> ';
  var imgs = [];
  var img = [];
  Img[0] = ' <a href= ' + ctx + '/webservice/dish/detail?id= ';
  Img[1] = ' # ';
  IMG[2] = ' ></a> ';

  for (var i = 0; i < len; i++) {
    img[1] = msgarr[i].id;
    IMG[3] = msgarr[i].pic;
    Imgs.push (Img.join (""));
  }
  $ ("#banner_list"). HTML (Imgs.join (""));
  $ (". Dots"). html (Htmlspan);
}

The above code from a recent script I wrote, in this function, just reflect the two JS concatenation string to add new elements for the DOM, the first method is directly added, the second is to use the array join () method for stitching, the second efficiency is higher.

The above JS two kinds of stitching string simple method (must see) is small to share all the content of everyone, hope to give you a reference, but also hope that we support the cloud habitat community.