JavaScript如何实现字符串拼接操做

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

　　因为应用频繁，几乎是全部编程语言都必须掌握的操做，固然每种语言具备各自特色。

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

一.使用加号()拼接:

 

　　加号不但能够实现算数运算，也能够实现字符串拼接操做。

　　代码实例以下:

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

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

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

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

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

　　letstr=webName"位于"address;

　　console.log(str);

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

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

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

 

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

　　首先看一段代码实例:

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

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

　　固然字符串不止能够和数字进行拼接，也能够与其余数据类型进行拼接操做，本文再也不演示。

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

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

 

　　ES2015以前只能经过加号实现字符串拼接，若是数据量较大，那么代码看起来比较繁琐。

　　如今新增了更为简单的字符串拼接方式，使用模板字符串与占位符能够实现更为简洁直观的拼接操做。