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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 汇编指令和机器码的对应表_汇编和机器码对照表

    汇编指令和机器码的对应表_汇编和机器码对照表指令集依照机器操作码、汇编助记符和汇编操作数来描述指令,遵循下列约定:lreg8:8位寄存器。lreg16:16位寄存器。lmem8:8位内存数值。lmem16:16位内存数值。limmed8:8位立即数值。limmed16:16位立即数值。limmed32:32位立即数值。lsegReg:16位段寄存器。机器操作码汇编助记符和操作数00ADDreg8/mem8,reg801ADD

    2022年9月25日
    0
  • compound extremes_one是什么

    compound extremes_one是什么前言eXtremeComponents是一系列提供高级显示的开源JSP定制标签。当前的包含的组件为eXtremeTable,用于以表的形式显示数据。本文档处于更新中。大部分章节我将仅仅描述如何使用eXtremeTable。当然,为了使程序高效并具有更高的灵活性,源代码被再三重构。随后,我认为阐述一下如何做设计决定是值得的。我希望大家能知道使用extremeTable是多么容易,并且

    2022年8月20日
    5
  • charles(2)MAC Charles关闭后无法上网

    charles(2)MAC Charles关闭后无法上网前言charles关闭后,发现网页突然打开了,那大概率是设置了代理,但明明已经关闭了charles,这是由于mac网络偏好设置中,使用的是手动代理,将其改为自动即可解决方法1打开网络偏好设置,

    2022年7月28日
    42
  • Linux中ctrl+z 、ctrl+c、 ctrl+d区别

    Linux中ctrl+z 、ctrl+c、 ctrl+d区别

    2021年10月7日
    45
  • html 网页不可以复制粘贴,网页上的文字不能复制,三种方法教你复制全网文字…

    html 网页不可以复制粘贴,网页上的文字不能复制,三种方法教你复制全网文字…有时候在网上找文字素材的时候,一般做法是直接复制粘贴使用。但你有没有遇到过不能复制的时候?反正小编是有的!好不容易找到了需要的文字却复制不出来,是不是好让人闹心?!有什么办法可以避开这个限制,将网页的文字复制下来为我所用呢?今天小编就分享三种方法给大家,不多不少就三种,帮你轻松搞定网页限制,复制想要的文字~至于哪种最好,还是看大家的喜好啦!1、Ctrl+P没错,就是这个快捷键。p代表print,打…

    2022年10月13日
    0
  • Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解

    Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解

    2021年10月24日
    33

发表回复

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

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