使用join方法进行字符串拼接

手动封装字符串新增方法

在ES6之前，字符串拼接工作都是直接使用"+"进行拼接的，当数据复杂或者要拼接的东西很多时，都会觉得比较麻烦。ES6出来后，使用``字符串模版``就可以很方便的实现字符串拼接。当然，除了可以使用字符串模版外，我们也可以使用一些其他的方法来进行字符串拼接。

比如，我们可以使用``join``方法来将数组中的元素拼接成一个字符串。我们还可以使用``concat``方法来将两个或多个字符串拼接成一个字符串。此外，我们还可以使用``repeat``方法来将一个字符串重复拼接多次。

下面，我们就来介绍一下这几种字符串拼接方法的用法。

## 1. join方法

join方法可以将数组中的元素拼接成一个字符串。join方法的语法如下：

``` array.join(separator) ```

其中，array是要被拼接的数组，separator是要在每个元素之间插入的字符串。如果没有指定separator参数，则默认使用逗号作为分隔符。

例如，我们可以使用以下代码将一个数组中的元素拼接成一个字符串：

``` const array = ['a', 'b', 'c']; const str = array.join(''); console.log(str); // 输出：abc ```

join方法也可以用来将一个对象中的键值对拼接成一个字符串。例如，我们可以使用以下代码将一个对象中的键值对拼接成一个字符串：

``` const object = { name: 'John', age: 30 }; const str = Object.keys(object).join('='); console.log(str); // 输出：name=John,age=30 ``` ## 2. concat方法

concat方法可以将两个或多个字符串拼接成一个字符串。concat方法的语法如下：

``` string1.concat(string2, string3, ..., stringN) ```

其中，string1是要被拼接的第一个字符串，string2, string3, ..., stringN是要被拼接的其他字符串。

例如，我们可以使用以下代码将两个字符串拼接成一个字符串：

``` const str1 = 'Hello'; const str2 = 'World'; const str3 = str1.concat(str2); console.log(str3); // 输出：HelloWorld ``` ## 3. repeat方法

repeat方法可以将一个字符串重复拼接多次。repeat方法的语法如下：

``` string.repeat(count) ```

其中，string是要被重复的字符串，count是要重复的次数。

例如，我们可以使用以下代码将一个字符串重复拼接三次：

``` const str = 'Hello'; const str2 = str.repeat(3); console.log(str2); // 输出：HelloHelloHello ``` ## 总结

以上就是三种字符串拼接方法的用法。我们可以根据不同的需求来选择使用哪一种方法。

除了这三种方法外，还有一些其他的方法可以用来进行字符串拼接，例如，我们可以使用``template literals``来进行字符串拼接。template literals的语法如下：

``` ${expression} ```

其中，expression是要被插入到字符串中的表达式。

例如，我们可以使用以下代码将一个变量插入到一个字符串中：

``` const name = 'John'; const str = `Hello, ${name}!`; console.log(str); // 输出：Hello, John! ```

template literals还可以用来进行字符串拼接。例如，我们可以使用以下代码将两个字符串拼接成一个字符串：

``` const str1 = 'Hello'; const str2 = 'World'; const str3 = `${str1} ${str2}`; console.log(str3); // 输出：Hello World ```

template literals非常强大，我们可以使用template literals来实现很多字符串操作。

## SEO