如果在一行的话,可读性太差;如果换行的话,会直接报错。
现在就来介绍几个JavaScript拼接字符串的几个小技巧(主要针对字符串过长的情况)。
1. 字符串相加(+)
1
2
3
var empList = ' <li data-view-section="details">'+
'<span>Hello world</span>'+
'</li>'
2.利用反斜杠拼接字符串
1
2
3
var empList = ' <li data-view-section="details">\
<span>Hello world</span>\
</li>'
3. 利用数组拼接字符串
复制代码代码如下:
var empList = ['<li data-view-section="details">', '<span>Hello world</span>','</li>'].join("")
利用数组的join方法,把数组转成字符串
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function StringBuffer(){
this.buffer = []
}
//将新添加的字符串添加到数组中
StringBuffer.prototype.append = function(str){
this.buffer.push(str)
return this
}
//转成字符串
StringBuffer.prototype.toString = function(){
return this.buffer.join("")
}
//用法
var buffer = new StringBuffer()
buffer.append("hello")
buffer.append(',world')
console.log(buffer.toString())
在数组方法的基础上可以封装一个类似Java中的StringBuffer的类来完成字符串的拼接。
以上所述就是本文的全部内容了
<!DOCTYPE html><html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>将数组元素拼接成字符串 </title>
</head>
<body>
</body>
</html>