JavaScript 字符串拼接的四种常用方式与类型转换详解

在 JavaScript 开发中，处理字符串连接主要有四种常见方式：使用连接符“+”、利用反引号定义的模板字符串、调用数组的 join() 方法以及使用字符串的 concat() 方法。

一、使用连接符“+”进行字符串连接

let a = 'java'
let b = a + 'script'
 
//运行结果：javascript

适用场景说明：当需要连接的字符串数量在 100 个以下时，建议优先采用此方法，因其操作最为简便直观。

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

这是 ES6 标准中新增的字符串功能，通过配合反引号（Backtick）可以实现便捷的字符串拼接操作。

输入方法提示：将输入法切换为英文模式，按下键盘上数字键 1 左侧的按键（即波浪号~所在键）即可输入反引号。

具体用法如下：

第一步：定义需要嵌入到字符串中的变量。

第二步：使用 ${} 语法包裹字符串变量，并将其放置在需要拼接的位置。

注意事项：请严格区分反引号（`）与单引号（'），避免符号使用错误导致语法报错。

代码示例：

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

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

定义与功能概述：

join() 方法的作用是将数组元素转换为字符串并返回结果。

数组元素之间由指定的分隔符隔开，若未指定分隔符，则默认使用逗号 (,) 进行分隔。

重要提示：调用 join() 方法不会修改原始数组的内容。

语法结构：

array.join(separator)

参数说明：

返回值说明：

代码示例：

let arr = ['hello','java','script']
let str = arr.join(" ")
 
//运行结果：hello java script

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

定义与功能概述：

concat() 方法用于将两个或多个字符串连接成一个新的字符串。

该方法不会修改原始字符串，而是返回一个包含连接结果的新字符串对象。

重要提示：concat() 方法的行为与数组的 concat() 方法类似，均不会修改原字符串的值。

语法结构：

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

参数说明：

返回值说明：

代码示例：

let a = 'java'
let b = 'script'
 
let str = a.concat(b)
 
//运行结果：javascript

补充知识：JavaScript 字符串的拼接及类型转换

字符串类型转换方法：

toString() 方法

数值、布尔值、对象和字符串类型均拥有 toString() 方法，但 null 和 undefined 值不具备此方法。

let num = 1;
let str = num.toString();
console.log(typeof (str)); //  string类型

利用 String() 函数实现转换

当不确定变量是否为 null 或 undefined 时，可以使用 String() 函数将其显式转换为字符串类型。

String()`函数可以将任何类型的数值转换为字符串，意味着如果值为 `null` 那么转换之后的结果为 `null`，如果值为 `undefined` 那么转换之后的结果为 `undefined
let num = 1
let str=String(num)
console.log(typeof (str)); //  string类型

利用“+”拼接字符串实现转换

利用 + 操作符实现隐式类型转换。

let num = 1
let str = num + 'num1' + 'num2'
console.log(typeof (str)); // string类型

字符串拼接的其他技巧：

使用 + 运算符进行拼接。

let s1 = "karim's"
let s2 = 'js'
console.log(s1 + s2) // javascript

使用 concat 方法进行拼接。

该方法将所有参数转换为字符串，按顺序连接到当前字符串尾部，并返回连接后的新字符串。

let s1 = "java"
let s2 = 'script'
console.log(s1.concat(s2)) // javascript

利用模板字符串进行拼接

ES6 新增的字符串方法，配合反引号完成拼接功能，将字符串使用 ${} 语法包裹即可进行拼接操作。

let s1 = "java"
let s2 = `${s1}script`
console.log(s2) // javascript

利用 join() 方法连接字符串。

join()` 方法将数组作为字符串返回，元素由指定分隔符进行分隔，默认分隔符是 `(,)

注意：join()  方法执行后不会改变原始数组。

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

至此，关于 JS 字符串拼接的几种常用方式已介绍完毕。如需了解更多相关 js 字符串拼接内容，请搜索本站历史文章或继续浏览后续相关文章，感谢支持！