目录一、使用连接符 “+” 把要连接的字符串连起来二、使用模板字符串,以反引号( ` )标识三、使用数组的 join() 方法连接字符串四、使用 javasc
在 JavaScript 中,使用字符串连接有 几 种方式:连接符(+)、反引号(`)、join()、concat()。
let a = 'java'
let b = a + 'script'
//运行结果:javascript
说明:只连接100个以下的字符串建议用这种方法,最方便
es6中新增的字符串方法,可以配合反单引号完成拼接字符串的功能
反单引号怎么打出来:将输入法调整为英文输入法,单击键盘上数字键1左边的按键。
用法:
1: 定义需要拼接进去的字符串变量
2: 将字符串变量用${}包起来,再写到需要拼接的地方
注意:反单引号:` ;单引号:' 。不要用错了哟~
实例:
let a = 'java'
let b = `hello ${a}script`
//运行结果:hello javascript
定义和用法:
join() 方法将数组作为字符串返回。
元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。
注释:join() 方法不会改变原始数组。
语法:
array.join(separator)
参数:
参数 | 描述 |
separator | 可选。要使用的分隔符。如果省略,元素用逗号分隔。 |
返回值:
类型 | 描述 |
String | 字符串值,表示数组值,由指定的分隔符分隔。 |
实例:
let arr = ['hello','java','script']
let str = arr.join(" ")
//运行结果:hello java script
定义和用法:
concat() 方法用于连接两个或多个字符串。
该方法没有改变原有字符串,但是会返回连接两个或多个字符串新字符串。
注释:concat() 方法不会修改原字符串的值,与数组的 concat() 方法操作相似。
语法:
string.concat(string1, string2, ..., stringX)
参数:
参数 | 描述 |
string1, string2, ..., stringX | 必需。将被连接为一个字符串的一个或多个字符串对象。 |
返回值:
类型 | 描述 |
String | 两个或多个字符串连接后生成的新字符串。 |
实例:
let a = 'java'
let b = 'script'
let str = a.concat(b)
//运行结果:javascript
数值、布尔值、对象和字符串值都有toString()方法,但是null和undefined值没有这个方法
let num = 1;
let str = num.toString();
console.log(typeof (str)); // 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字符串拼接内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: JS字符串拼接的几种方式(最新推荐)
本文链接: https://lsjlt.com/news/193746.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0