web前端：JavaScript如何实现字符串拼接操作

作者:前端大佬更新于： 2020-03-24 20:15:38

　　字符串串接是结合性的，但非交换性运算。空串充当单位;对于任何字符串s，有εs=sε=s。所以，集合Σ*和串接运算形成了幺半群，就是从Σ生成的自由幺半群。此外，长度函数定义从Σ*到非负整数的幺半群同态。

　　Javascript如何实现字符串拼接操作

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

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

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

　　一.使用加号()拼接:

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

　　代码实例如下:

　　console.log(``"爱前端"````"专注全栈大前端"``);

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

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

　　letwebName=``"爱前端"``;

　　letaddress=``"专注全栈大前端"``;

　　letstr=webName"位于"address;

　　console.log(str);

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

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

　　二.字符串与非字符串数据拼接:

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

　　首先看一段代码实例:

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

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

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

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

　　三.模板字符串实现拼接:

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

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

　　字符串s被称为是字符串t的"子串"或"因子"，如果存在(可能为空)字符串u和v使得t=usv。"是其子串"关系定义了在Σ*上的偏序，其最小元是空串。