JS字符串拼接的几种方式

简介: JS字符串拼接的几种方式

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


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


let a = 'java'
let b = a + 'script'
 
//运行结果: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 = 'dys'
let b = 'lyw'
 
let str = a.concat(b)
 
//运行结果:dyslyw


相关文章
|
1天前
|
存储 JavaScript 前端开发
JavaScript中的对象是数据结构,存储键值对,键为字符串,值可为任意类型,包括函数(作为方法)
【6月更文挑战第25天】JavaScript中的对象是数据结构,存储键值对,键为字符串,值可为任意类型,包括函数(作为方法)。
8 2
|
7天前
|
JavaScript 前端开发
JavaScript进阶-模板字符串与增强的对象字面量
【6月更文挑战第19天】ES6的模板字符串和增强对象字面量提高了JavaScript的易读性和效率。模板字符串(` `)支持变量嵌入和多行,简化了字符串处理;增强对象字面量允许简写属性与方法,以及动态属性名。注意模板字符串的闭合和性能影响,以及对象字面量的简写语法和计算属性名的恰当使用。通过实例展示了这两项特性的应用,助力编写更优雅的代码。
|
11天前
|
JSON JavaScript 前端开发
js将json字符串还原为json
【6月更文挑战第15天】js将json字符串还原为json
18 4
|
12天前
|
JavaScript
请用 js 去除字符串空格?
请用 js 去除字符串空格?
|
15天前
|
存储 JavaScript 前端开发
JavaScript基础-字符串操作方法
【6月更文挑战第11天】本文介绍了JavaScript中字符串的基本操作,包括创建与访问、查找与替换、大小写转换等,并强调了字符串的不可变性。通过实例代码展示了如何避免常见错误,如混淆查找与替换方法、正则表达式使用不当。学习这些技巧能提升代码健壮性和效率。
|
5天前
|
JavaScript 前端开发
JS中判断一个字符串中出现次数最多的字符,统计这个次数?
JS中判断一个字符串中出现次数最多的字符,统计这个次数?
11 0
|
12天前
|
JavaScript 前端开发
JavaScript如何去除字符串中的汉字?
在JavaScript中,要在一个包含汉字、数字和字母的字符串中去除所有的汉字,该怎么办呢?
19 0
|
1月前
|
JSON JavaScript 前端开发
js将json字符串还原为json对象
【5月更文挑战第14天】js将json字符串还原为json对象
49 1
|
1月前
|
JavaScript 前端开发 索引
js操作字符串的方法
js操作字符串的方法
22 2
|
1月前
|
SQL 缓存 JavaScript
深入解析JavaScript中的模板字符串
深入解析JavaScript中的模板字符串
22 1