1. 云栖社区>
  2. >
  3. 正文

js两种拼接字符串的简单方法(必看)_javascript技巧

作者:用户 来源:互联网 时间:2016-09-02 20:13:52

js拼接字符串

js两种拼接字符串的简单方法(必看)_javascript技巧 - 摘要: 本文讲的是js两种拼接字符串的简单方法(必看)_javascript技巧, 如下所示: function(msgArr) { var len = msgArr.length; var n = 0 ; var htmlSpan = ""; for (var j = 0; j < len -

如下所示:

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] = '"><img src="';
  img[3] = '#';
  img[4] = '"></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);
}

上面的代码取自我最近写的一个脚本,在这个函数中,正好体现了两种js拼接字符串从而为DOM添加新元素,第一种方法是直接相加,第二种是利用数组的join()方法进行拼接,第二种效率要高些。

以上这篇js两种拼接字符串的简单方法(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持云栖社区。

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js 拼接字符串 javascript字符串拼接、javascript 数组拼接、javascript拼接json、javascript 字符拼接、javascript拼接html,以便于您获取更多的相关知识。