JavaScript 字符串拼接

红太狼 2020-05-27 12:47 1159阅读 0赞

# JavaScript 字符串拼接

实际应用中，目标字符串的生成可能需要多个子字符串拼接而成。

由于应用频繁，几乎是所有编程语言都必须掌握的操作，当然每种语言具有各自特点。

本文将通过代码实例详细介绍一下JavaScript如何实现字符串拼接操作。

**一.使用加号（+）拼接：**

加号不但可以实现算数运算，也可以实现字符串拼接操作。

代码实例如下：

```javascript
console.log("蒲公英云"+"青岛市南区");
```

上述代码使用加号（+）实现两个字符串的拼接操作。

目的是演示加号拼接功能，实际项目中根本没可能这么用。

```javascript
let webName="蒲公英云";
let address="青岛市南区";
let str=webName + "位于" + address;
console.log(str);
```

代码实现了字符串拼接效果，webName与address是变量，不能将它们直接包裹于引号之中。

否则，webName与address就不是变量了，变量名称直接就成为字符串的一部分。

代码实例如下：

```javascript
let webName="蒲公英云";
let address="青岛市南区";
let str="webName位于address";
console.log(str);
```

**二.字符串与非字符串数据拼接：**

前面代码都是字符串之间的拼接操作，其实字符串数据也可以与非字符串数据进行拼接。

首先看一段代码实例：

```javascript
console.log(5+"5");
```

代码运行效果截图如下：

![](/images/1590583598537.png)

可数字5与字符串"5"进行拼接，首先会将数字转换为字符串，然后再进行拼接操作。

当然字符串不止可以和数字进行拼接，也可以与其他数据类型进行拼接操作，本文不再演示。

内在原理是，不同数据类型进行拼接操作的时候，首先会进行隐式数据类型转换。

**三.模板字符串实现拼接：**

ES2015之前只能通过加号实现字符串拼接，如果数据量较大，那么代码看起来比较繁琐。

现在新增了更为简单的字符串拼接方式，使用模板字符串与占位符可以实现更为简洁直观的拼接操作。

代码实例如下：

```javascript
let webName="蒲公英云";
let address="青岛市南区";
let str = `${webName}位于${address}`;
console.log(str);
```

上面利用模板字符串与占位符实现了非常简洁直观的拼接操作。

省去了加号运算符，这也是简洁直观的关键因素。

**四.字符串一旦创建不可更改：**

字符串一旦创建，其值不可更改，看如下代码实例：

```javascript
let str="蒲公英云";
let str=str+"青岛市南区";
console.log(str);
```

最后打印结果是"蒲公英云青岛市南区"，这时候肯定会有朋友问，字符串的值不是已经改变了吗。其实不然，改变的是str变量值，上述操作首先销毁原来字符串"蒲公英云"，然后再将拼接后的新字符串"蒲公英云市南区"赋值给变量str，并不是直修改原字符串。

发表评论取消回复

表情：

评论列表（有 0 条评论，1159人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python字符串拼接（包含字符串拼接数字）

![d0c583d3163eaa415d53252fe37383d5.png][] 在 Python 中拼接（连接）字符串很简单，可以直接将两个字符串紧挨着写在一起，具体格式

阳光穿透心脏的1/2处/ 2023年10月07日 22:53/ 0 赞/ 95 阅读

相关 java拼接字符串(Java集合拼接字符串)

什么是java格式化字符串格式化是根据业务需要进行的。像时间字符串或者特殊意思的ID，对他们进行格式化后能更方便的进行比较、转换或者理解。而格式化就是根据特定的格式进行

喜欢ヅ旅行/ 2023年09月25日 08:24/ 0 赞/ 102 阅读

相关字符串拼接

最近在研究《javascript高级程序设计》中，有一段关于字符串特点的描述，原文大概如下：ECMAScript中的字符串是不可变的，也就是说，字符串一旦创建，他们的值就不能改

àì夳堔傛蜴生んèń/ 2022年06月02日 00:19/ 0 赞/ 383 阅读

相关 excel拼接字符串

从excel中提取身份证中生日 =CONCATENATE(TEXT(MID(E2,7,4),"0"),"-",TEXT(MID(E2,11,2),"0"),"-",TEXT(

拼搏现实的明天。/ 2022年04月22日 10:50/ 0 赞/ 432 阅读

相关【JavaScript】------- JavaScript 多个字符串无限拼接方法示例

> //参数拼接 > function strconcat() { > var arg=arguments;

左手的ㄟ右手/ 2021年11月05日 14:14/ 0 赞/ 692 阅读

相关 Java拼接字符串拼接双引号

Java拼接字符串拼接双引号 String sql = "<![CDATA[<?xml version="1.0" encoding="utf-8"?>";

忘是亡心i/ 2021年10月23日 09:13/ 0 赞/ 1223 阅读

相关 javascript字符串拼接引号转义

简单总结下转义规则（针对单双引号）：内层无需转义的情形：1.外双引，内单引 2.外单引，内双引内层需要转义的情形：1.外双引，内双引 2.外单引，内单引（遇到同类，

朱雀/ 2021年09月30日 03:06/ 0 赞/ 599 阅读

相关 SQL字符串拼接

[SQL字符串拼接][SQL] 　不同的数据库，相应的字符串拼接方式不同，通过对比加深一下记忆。一、MySQL字符串拼接　　1、CONCAT函数

古城微笑少年丶/ 2021年09月24日 01:06/ 0 赞/ 803 阅读

相关字符串拼接

public class K { public static void main(String[] args) { //+

古城微笑少年丶/ 2021年09月22日 23:10/ 0 赞/ 712 阅读

相关 JavaScript 字符串拼接

JavaScript 字符串拼接实际应用中，目标字符串的生成可能需要多个子字符串拼接而成。由于应用频繁，几乎是所有编程语言都必须掌握的操作，当然每种语言具有各自特点。...

红太狼/ 2020年05月27日 12:47/ 0 赞/ 1160 阅读