文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JS字符串拼接的几种方式(最新推荐)

2023-01-31 18:00

关注

在 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() 方法将数组作为字符串返回。 

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

注释: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

补充:js字符串的拼接及转换

字符串的转换

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字符串拼接内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯