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

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

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()

 

上一篇:Python基础笔记


下一篇:金丹期前期:1.4、python语言-python的程序的核心数据类型:字符串、列表、元组、字典