字符串的拼接方法

数据交互常见的字符串拼接

博主最近事情有点忙，趁现在有点空闲时间，来总结一下工作中遇到的字符串拼接问题。说到字符串的拼接无外乎一下几种方式：

1.通过'+'进行拼接

var arr =['今天',昨天','明天'];
$(
'

'+
'

'+
'
• '+arr[0]+'
'+
'
• '+arr[1]+'
'+
'
• '+arr[2]+'
'+
'

'+
'

'
).appendTo('.bo')//创建新的节点并插入到.bo
这种方法大家最常用，但是有个不好的就是 自己在做模版的时候，常常会因为少写或者多写分号而出错，而且这种出错不易察觉，时常会浪费很多宝贵的时间。

2.通过数组去拼接

var arr =['今天','昨天','明天']；
var str ='';
str+=['

',
'

',
'
• '+arr[0]+'
',
'
• '+arr[1]+'
',
'
• '+arr[2]+'
',
'

',
'

'
].join('');
$('.bo').append(str);
这种方式显得高大上一些，而且使用的频率也非常大。博主经常会使用这种方式，因为这种方式不容易出错，及时出错了也可以立马发现错误。

3.最近新学的一种字符串拼接方式，比前面两种方式显得更为简洁一些

var dataList = '

• HTML


• CSS


• JS


• NODE


• ANGLUAR


• JSON

'
第三种方法比较灵活，这种方式要注意一点，也是实现的关键：每一行的最后，都加上转义斜线\，但没有后续字符，只有个\。

好了，夜深了 博主也要撸一局睡觉了，有机会大家进群里探讨啊 web前端开发 474471759。