前端开发：JS中字符串拼接的总结

前言

在前端开发过程中，关于字符串拼接或者连接是非常常用的知识点，尤其是在处理数据之后进行页面渲染。虽然关于字符串的拼接不是什么难的知识点，但是由于它比较常用，而且也比较重要，所以本篇博文就来详细的介绍一下关于JS中字符串拼接的使用，方便查阅使用。

字符串拼接方法

JS中字符串拼接的方法有四种：使用加号运算符拼接、使用${}结合反引号拼接、使用JS的concat()函数拼接、使用JS的join()函数拼接。这四种方式的使用具体如下文所示。

一、加号运算符

使用加号运算符连接/拼接字符串是最简便的方式。下面通过示例来介绍一下加号运算符连接两个字符串的方法，具体如下所示。

示例一：

var str1 = "Hello," ;

var str2 = "World!";

console.log(str1 + str2);  //输出结果：“Hello,World!”

示例二：

  let tempStr = "";

  let fruits = ["Apple", "Banana","Cherry", "Durian", "Orange"];  //水果昵称的数组

  for (i = 0; i < fruits.length; i++) {  //for循环遍历数组中的每个元素

      if (fruits[i] ===