学习路之JavaScript----JS字符串拼接的几种方式及其性能比较

2021-03-03 10:33:54 阅读：285 来源： 互联网

标签：arr JavaScript StringConnect JS ---- 字符串 str var mystr

用的最多的是：使用连接符 “+” 把要连接的字符串连起来

let seconds=5;/
this.setState({btnText:'重新获取('+seconds+')s'})

看到另一种方式：

this.setState({btnText:`重新获取(${seconds})s`})

这是es6中新增的字符串方法

配合反单引号完成拼接字符串的功能

反单引号怎么打出来？

将输入法调整为英文输入法，单击键盘上数字键1左边的按键。

用法：
step1：定义需要拼接进去的字符串变量
step2：将字符串变量用${}包起来，再写到需要拼接的地方

代码示例一：

var a = 1;
console.log(`a的值是：${a}`); //a的值是：1

最后贴上别人的总结：

一、使用连接符 “+” 把要连接的字符串连起来

var a = 'java'
var b = a + 'script'

只连接100个以下的字符串建议用这种方法最方便

二、使用数组的 join 方法连接字符串

var arr = ['hello','java','script']
var str = arr.join("")

比第一种消耗更少的资源，速度也更快

三、使用模板字符串，以反引号（ ` ）标识

var a = 'java'
var b = `hello ${a}script`

四、使用 JavaScript concat() 方法连接字符串

var a = 'java'
var b = 'script'

var str = a.concat(b)

五、使用对象属性来连接字符串

function StringConnect(){
    this.arr = new Array()
}

StringConnect.prototype.append = function(str) {
    this.arr.push(str)
}

StringConnect.prototype.toString = function() {
    return this.arr.join("")
}

var mystr = new StringConnect()

mystr.append("abc")
mystr.append("def")
mystr.append("g")

var str = mystr.toString()

标签：arr,JavaScript,StringConnect,JS,----,字符串,str,var,mystr
来源： https://blog.csdn.net/hopetomorrow/article/details/114300802