JS字符串拼接的几种方式

简介: 在 JavaScript 中,使用字符串连接有 几 种方式:连接符(+)、反引号(`)、join()、concat()。

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

1. let a = 'java'
2. let b = a + 'script'
3. 
4. //运行结果:javascript


、可以使用模板字符串,以反引号( ` `)标识


这是ES6新增的字符串方法,可以配合反单引号完成拼接字符串的功能


反单引号怎么打出来:将输入法调整为英文输入法,tab按键的上一个就是。


用法:


1: 定义需要拼接进去的字符串变量


2: 将字符串变量用 ${ } 包起来,再写到需要拼接的地方


注意:反单引号:` ;单引号:'

let a = 'java'
let b = `hello ${a}script`
//运行结果:hello javascript

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

定义和用法:


concat() 方法用于连接两个或多个字符串。


该方法没有改变原有字符串,但是会返回连接两个或多个字符串新字符串。


语法如下

string.concat(string1, string2, ..., stringX)

实例如下:

let a = 'yq'
let b = 'wyb'
let str = a.concat(b)
//运行结果:yqwyb
相关文章
|
2月前
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
53 1
|
4月前
|
存储 JavaScript 前端开发
JS上传文件(base64字符串和二进制文件流)
这篇文章介绍了两种JavaScript文件上传的方法:使用FileReader对象将文件读取为base64字符串上传,以及使用FormData对象以二进制文件流的形式上传文件,包括如何处理文件选择、读取和上传的详细代码示例。
526 2
JS上传文件(base64字符串和二进制文件流)
|
3月前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
90 5
|
1月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
|
28天前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
23 2
|
2月前
|
存储 JavaScript 前端开发
JavaScript 字符串(String) 对象
JavaScript 字符串(String) 对象
47 3
|
3月前
|
JavaScript 前端开发
javascript创建字符串
javascript创建字符串
|
3月前
|
JavaScript 前端开发
如何在JavaScript中替换字符串:一篇详细指南
如何在JavaScript中替换字符串:一篇详细指南
|
3月前
|
存储 JavaScript
js切割截取字符串方法
js切割截取字符串方法
58 2
|
3月前
|
Web App开发 JavaScript 前端开发
JavaScript 模板字符串
JavaScript 模板字符串
51 3