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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了学习路之JavaScript----JS字符串拼接的几种方式及其性能比较，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1280字，纯文字阅读大概需要2分钟。

内容图文

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

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

内容总结

以上是互联网集市为您收集整理的学习路之JavaScript----JS字符串拼接的几种方式及其性能比较全部内容，希望文章能够帮你解决学习路之JavaScript----JS字符串拼接的几种方式及其性能比较所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端