js字符串拼接的几种方式是_js字符串常用方法

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

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

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

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

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

//运行结果:javascript

Jetbrains全家桶1年46,售后保障稳定

说明:只连接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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/206668.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • renren-fast 与 renren-fast-vue 与 renren-generator 基本操作[通俗易懂]

    renren-fast 与 renren-fast-vue 与 renren-generator 基本操作[通俗易懂]一、前言公司主打产品的,近来发现了一款快速完成前后端CRUD的框架renren-fast,打算用它来“刷”小型的外包,积攒资金。个人觉得,renren-fast主要面向后台开发者,使用方式和Guns类似:使用Guns自动生成SpringBoot+LayUI的后台管理系统①由于完整开发文档需要费用,②前端使用vue,有的后台开发者不清楚。笔者参考了…

    2022年7月28日
    4
  • 基于OIDC实现单点登录SSO、第三方登录[通俗易懂]

    基于OIDC实现单点登录SSO、第三方登录[通俗易懂]OIDC联合身份认证机制背景概念1OIDC身份认证协议2基于OIDC实现SSO2.1统一登录2.1.1流程2.1.2RP相关接口2.1.3OP相关接口2.2统一登出2.2.1流程2.2.2RP需要在向OP注册时提供2.2.3RP相关接口2.2.4OP相关接口2.3持续监视2.3.1流程2.3.2RP相关接口2.3.3OP相关接口3在OIDC的SSO中集成第三方登录(…

    2022年8月30日
    4
  • Xperf Basics: Recording a Trace (the easy way)(转)

    Xperf Basics: Recording a Trace (the easy way)(转) http://randomascii.wordpress.com/2013/04/20/xperf-basics-recording-a-trace-the-easy-way/ SometimeagoIwrotealonganddetailedpostabouthowtorecordtracesusingxperf.Thestepsneeded…

    2022年5月30日
    42
  • 卷积神经网络(conv2d参数含义、卷积层、池化层)

    本文转载自罗翌新:中科大数学博士,深度学习医学应用专家;廖星宇:中科大硕士,计算机视觉专家,Face++资深工程师,《深度学习之Pytorch》作者;的深度学习理论与实战(基于TensorFlow实现)一、tf.nn.conv2d()卷积函数各参数解析二、卷积例子三、池化函数tf.nn.max_pool()函数解析…

    2022年4月7日
    203
  • Android debug_Android开发在手机上调试

    Android debug_Android开发在手机上调试AndroidStudio目前已经成为开发Android的主要工具,用熟了可谓相当顺手。作为开发者,调试并发现bug,进而解决,可是我们的看家本领。正所谓,工欲善其事必先利其器,和其他开发工具一样,如Eclipse、Idea,AndroidStudio也为我们提供了强大的调试技巧,今天我们就来看看AndroidStudio中有关调试的技巧。首先,来看看Androidstudio中为我们…

    2022年10月15日
    6
  • @TableLogic注解表示逻辑删除「建议收藏」

    @TableLogic注解表示逻辑删除「建议收藏」@TableLogic注解表示逻辑删除效果:在字段上加上这个注解再执行BaseMapper的删除方法时,删除方法会变成修改场景:1.实体类中属性加上@TableLogic,@TableLogicprivateIntegerdataStatus;2.调用BaseMapper的deleteById(id)或者调用IService的removeBy…

    2022年6月2日
    115

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号