字符串拼接的两种方法

Posted yangguoe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了字符串拼接的两种方法相关的知识,希望对你有一定的参考价值。

1.普通的拼接:

1         var htmlSpan = "";
2           for (var j = 0; j < len - 1; j++) {
3               htmlSpan += ‘<span>我是拼接生成的字符串</span>‘;
4           }
5           htmlSpan += ‘<span class="on">·</span>‘;
6           $(".dots").html(htmlSpan);

2.使用数组的方法:

 1   var data = [
 2         {id:‘1‘},
 3         {id:‘2‘},
 4         {id:‘3‘},
 5         {id:‘4‘},
 6     ]
 7     test(data)
 8     function test(msgArr) {
 9         var len = msgArr.length;
10         var n = 0 ;
11         var imgs = [];
12         var img = [];
13         img[0] = ‘<a href="‘ + 222 + ‘/webservice/dish/detail?id=‘;
14         img[1] = ‘#‘;
15         img[2] = ‘"><img src="‘;
16         img[3] = ‘#‘;
17         img[4] = ‘"></a>‘;
18         for (var i = 0; i < len; i++) {
19             img[1] = msgArr[i].id;
20             img[3] = msgArr[i].pic;
21             imgs.push(img.join(""));
22         }
23         $("#banner_list").html(imgs.join(""));
24     }

 

以上是关于字符串拼接的两种方法的主要内容,如果未能解决你的问题,请参考以下文章

javascript 实现字符串反转的两种方法

安卓批量上传图片到七牛的两种方法

为未来元素添加点击事件的两种写法

Vue使用axios进行get请求拼接参数的两种方式

用CSS截断字符串的两种实用方法

MyBatis动态传递参数的两种方式#{}和${}