JS字符串拼接的几种方式

Posted 2022-11-03 D_jing20

在 javascript 中，使用字符串连接有 几 种方式：连接符（+）、反引号（`）、join()、concat()。

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

let a = 'java'
let b = a + 'script'

//运行结果：javascript

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

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

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

反单引号怎么打出来：将输入法调整为英文输入法，单击键盘上数字键1左边的按键。 

用法：

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

2： 将字符串变量用$包起来，再写到需要拼接的地方

注意：反单引号：` ；单引号：' 。不要用错了哟~

实例： 

let a = 'java'
let b = `hello $ascript`

//运行结果：hello javascript

三、使用数组的 join() 方法连接字符串

定义和用法：

join() 方法将数组作为字符串返回。 

元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。

注释：join() 方法不会改变原始数组。

 语法：

array.join(separator)

参数： 

参数	描述
separator	可选。要使用的分隔符。如果省略，元素用逗号分隔。

返回值： 

类型	描述
String	字符串值，表示数组值，由指定的分隔符分隔。

实例：

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

//运行结果：hello java script

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

 定义和用法：

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

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

注释：concat() 方法不会修改原字符串的值，与数组的 concat() 方法操作相似。

语法：

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

参数： 

参数	描述
string1, string2, ..., stringX	必需。将被连接为一个字符串的一个或多个字符串对象。

返回值： 

类型	描述
String	两个或多个字符串连接后生成的新字符串。

实例：

let a = 'java'
let b = 'script'

let str = a.concat(b)

//运行结果：javascript