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

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

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

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

一.使用加号()拼接:

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

代码实例如下:

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

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

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

letwebName="爱前端";

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

letstr=webName"位于"address;

console.log(str);

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

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

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

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

首先看一段代码实例:

console.log(5"5");

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

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

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

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

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

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

JavaScript如何实现字符串拼接操作相关推荐

Javascript中的字符串拼接
字符串拼接是所有程序设计语言都需要的操作.当拼接结果较长时,如何保证效率就成为一个很重要的问题.本文介绍的是Javascript中的字符串拼接,希望对你有帮助,一起来看. const icon = ' ...
JavaScript使用url字符串拼接传递参数，截取参数
getData(){// location中的search 就是传递过来的参数,首先先把最前的问号去掉// 再以参数传递的分割符分割字符串就得到了 'key=xx','key=xxx'一个数组//再对 ...
Java 字符串拼接的各种玩法
java中字符串拼接各种方式与执行效率由于String对象是不可变对象,因此在需要对字符串进行修改操作时(如字符串连接和替换),String对象总是会生成新的对象,所以其性能相对较差. String ...
JVM学习笔记之-StringTable String的基本特性,内存分配,基本操作,拼接操作,intern()的使用,垃圾回收 ,G1中的String去重操作
String的基本特性 string:字符串,使用一对""引起来表示. String s1 = ""; //字面量的定义方式 String s2 = new S ...
java 字符串倍_java字符串拼接与性能分析详解
假设有一个字符串,我们将对这个字符串做大量循环拼接操作,使用"+"的话将得到最低的性能.但是究竟这个性能有多差?如果我们同时也把StringBuffer,StringBuilder ...
JAVA的字符串拼接与性能
概述:本文主要研究的是JAVA的字符串拼接的性能,原文中的测试代码在功能上并不等价,导致concat的测试意义不大.不过原作者在评论栏给了新的concat结果,如果有兴趣的同学建议自己修改代码测试. ...
String的内存分配与拼接操作，华为架构师深入讲解Java开发
字符串拼接操作常量与常量的拼接结果在常量池,原理是编译期优化常量池中不会存在相同内容的变量只要其中有一个是变量,结果就在堆中.变量拼接的原理是StringBuilder 如果拼接的结果调用int ...
Go语言中的字符串拼接方法介绍
本文介绍Go语言中的string类型.strings包和bytes.Buffer类型,介绍几种字符串拼接方法. 目录 string类型 strings包 strings.Builder类型 strin ...
JavaScript中的字符串操作(转）
http://www.cnblogs.com/xuebin/articles/1296837.html 最近编一个javascript的翻译程序,发现无法正确比较两个字符串的相等,上网查了查,发现这篇 ...

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

JavaScript如何实现字符串拼接操作相关推荐

最新文章

热门文章