字符串的拼接方法

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

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

1.经过'+'进行拼接

var arr =['今天',昨天','明天'];
$(
    '<div class="show">'+
        '<ul class="app">'+
            '<li>'+arr[0]+'</li>'+
            '<li>'+arr[1]+'</li>'+
            '<li>'+arr[2]+'</li>'+
        '</ul>'+
    '</div>'
).appendTo('.bo')//建立新的节点并插入到.bo

这种方法你们最经常使用，可是有个很差的就是 本身在作模版的时候，经常会由于少写或者多写分号而出错，并且这种出错不易察觉，时常会浪费不少宝贵的时间。

2.经过数组去拼接

var arr =['今天','昨天','明天']；
var str ='';
str+=['<div class="show">',
        '<ul>',
            '<li><a href="">'+arr[0]+'</a></li>',
            '<li><a href="">'+arr[1]+'</a></li>',
            '<li><a href="">'+arr[2]+'</a></li>',
        '</ul>',
    '</div>'
].join('');
$('.bo').append(str);

这种方式显得高大上一些，并且使用的频率也很是大。博主常常会使用这种方式，由于这种方式不容易出错，及时出错了也能够立马发现错误。

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

var dataList = '<div id="box">\
<ul class="LearnList">\
<li class="list">HTML</li>\
<li class="list">CSS</li>\
<li class="list">JS</li>\
<li class="list">NODE</li>\
<li class="list">ANGLUAR</li>\
<li class="list">JSON</li>\
</ul>\
</div>'

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

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