js中如何拼接字符串

JS中有三种字符串连接方禅腊式:

第一种方法 , 用连接符“+”把要连接的字符串连起来：

str="a"

str+="b"

第二种方法，  以数组作为中介用 join 连接字符串：

var arr=new Array()

arr.push(a)

arr.push(b)var str=arr.join("")

第三种方法，  利用对象属性来连接字符串：

function stringConnect(){    this._str_=new Array()

}

stringConnect.prototype.append=function(a){    this._str_.push(a)

}

stringConnect.prototype.toString=function(){    return this._str_.join()

}    var mystr=new stringConnect

mystr.append("a")   var str=mystr.toString()

JS中三种字符串连接方式的性能塌袭桐比较：

第一种，方法毫无疑问是最便捷快速的，如果只连接100个以下的字符串建议用这种方法最方便；

第二种，这种方法要比第一种消耗更少的资源，速度也团坦更快；

第三种，方法加入了随机参数，应该是避免了缓存的影响的。

（1）.是个属性 不是个方法；

（2）.返回 字符串的长度 如果字符串内有空格 则将空格也算在内；

（1）返回指定位置的字符；

（2）括号内的参数 写需要返回的内容的索引值；

（1）用于拼接两个或多个字符串；

（2）不改变原字符串 返回一个拼接完成的字符串的 副本；

（3）可以拼接洞渣册数字 会把数字强制成字符串；

（4）也可以拼接数组 但是会将分隔符一起转化为字符串；

（1）从前往后搜索

（2）返回某个指定的字符串 值 在字符串中首次出现的位置

（3）如果没梁陪有搜索到 则返回-1

（1）从后往前搜索

（2）返回某个指定的字符串 值 在字符串中首次出现的位置

（2）如果没有搜索到 则返回-1

（1）在字符串中 用一些字符串替换另一些字符串

（2）两个参数：

（3）如果有多个值 被匹配上 从前往后只替换第一个值

（1）用于把一个字符串分割成 带有字符串的数组

（2）不写参数 会将整个字符串作为一个元素 存到数组里面 不改变原字符串 返回生成的数组

（3）如果只写一个 空元素（' '）则将字符串 每一个值都作为元素 存到数组里面 包括字符串里面的空格

（4）如果写了参数 在字符串两端 则将参数 转化成空元素

（5）反之 将参数 转译成分隔符

（6）如果是两个参数 第二个参数 代表 生成的数组的长度

（1）可在字符串中抽取以指定索引值开始的指定数目的字符

（2）只有一个参数的时候 从指定地方开始 一直到结束

（3）两个参数 从指定位置开始 截取指定长度

（1）提取字符串 指定开始位置 到指定结束位置 之间的字符

（2）只有一个参数的时候 从指定地方开始 一直到结束

（3）两个参数 从指定位置开始 到指定位置结束

（1）用来将字符串转为小写

（2）仅针对于英文字母

（1）用来将字符串转为大写

（2）仅针对英文字母

（1）向数组末尾添加元素，并返回新的长度

（2）直接修改原数组，而不是创建新数组

（3）可以往数组中添加数组，但是被添加的数组是作为元素存储在原数组中，而不是拼接

（1）向数组开头添加元素，并返回新的长度

（2）直接修改原数组，而不是创建新数组

（3）可以往数组中添加新数组，但是被添加的数组是作为元素存储在原数组中，而不是拼接

（1）删除并返回数组的最后一个元素，修改原数组

（2）将数组长度-1

（3）如果数组为空，pop()不改变原方法，返回underfined

将数组的第一个元素删除并返回值，修改原数组

（1）向数组中添加一个元素，或删除一个元素（返回删除元素）

（2）可以添加数组，但是被添加的数组以纳宏元素形式添加

（3）删除和添加可以同时进行

（1）用来连接两个或多个数组，该方法不会改变现有数组

（2）只会返回一个被连接数组的副本

（3）副本数组的拼接，是按顺序拼接，接受的数组在前面，往进添加的数组在后面，不是以元素形式存在，直接拼接

（1）分隔符可以是','空格，只作用与最外层数组元素

（2）用来把数组中所有的元素放入一个字符串，数组转化字符串方法

（3）不会改变原数组，会返回一个新的字符串，可用变量接收

（4）如果原数组是二维数组，会将里面作为元素的数组，也转化为字符串

返回截取新数组，start必写

在JavaScript中会经常遇到字符串拼接，但是如果要拼接的字符串过长就比较芹销麻烦了。

如果在一行的话嫌伏游，可读性太差；如果换行的话，会直接报错。

现在就来介绍几个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的类来完成字符串的拼接。

以上所述就是本文的全部内容了

---