JS字符串拼接的几种方式

简介: JS字符串拼接的几种方式

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


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


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


二、可以使用模板字符串,以反引号( ` `)标识


这是ES6新增的字符串方法,可以配合反单引号完成拼接字符串的功能

反单引号怎么打出来:将输入法调整为英文输入法,tab按键的上一个就是。

用法:

1: 定义需要拼接进去的字符串变量

2: 将字符串变量用 ${ } 包起来,再写到需要拼接的地方

注意:反单引号:` ;单引号:'

 

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


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


定义和用法:

concat() 方法用于连接两个或多个字符串。

该方法没有改变原有字符串,但是会返回连接两个或多个字符串新字符串。


语法如下:


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


let a = 'dys'
let b = 'lyw'
 
let str = a.concat(b)
 
//运行结果:dyslyw


相关文章
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
325 13
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
209 2
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
399 63
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
374 1
|
存储 JavaScript 前端开发
JavaScript 字符串(String) 对象
JavaScript 字符串(String) 对象
188 3
|
JavaScript 前端开发 C++
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具
|
JavaScript 前端开发
如何在JavaScript中替换字符串:一篇详细指南
如何在JavaScript中替换字符串:一篇详细指南
|
JavaScript 前端开发
javascript创建字符串
javascript创建字符串
|
存储 移动开发 JavaScript
用 JavaScript 操作字符串
用 JavaScript 操作字符串

热门文章

最新文章

下一篇
开通oss服务