在 Web 前端开发中，我们通常需要合并两个或多个字符串。虽然这个问题很简单，但是为了程序的可复用性、可维护性，我们一般会封装一个函数来完成这个任务。而 npm 包 @ianwalter/concat 就是一个可以方便地合并字符串的工具包。
安装
安装 @ianwalter/concat 很简单，只需要在你的项目中运行以下命令：
npm install @ianwalter/concat
使用
@ianwalter/concat 有两个函数：concat() 和 concatWithSeparator()。
concat()
concat() 函数用于将任意数量的字符串连接起来。具体用法如下：
import { concat } from '@ianwalter/concat'
const result = concat('hello', 'world')
console.log(result) // 输出 "helloworld"如果有多个参数，则会将它们依次拼接起来：
const result = concat('hello', 'world', '!')
console.log(result) // 输出 "helloworld!"你还可以把数组解构为参数：
const array = ['hello', 'world', '!'] const result = concat(...array) console.log(result) // 输出 "helloworld!"
concatWithSeparator()
concatWithSeparator() 函数用于将多个字符串用指定的分隔符连接起来。具体用法如下：
import { concatWithSeparator } from '@ianwalter/concat'
const result = concatWithSeparator(', ', 'John', 'Kate', 'Smith')
console.log(result) // 输出 "John, Kate, Smith"如果有多个参数，则会将它们用指定的分隔符连接起来：
const result = concatWithSeparator(', ', 'John', 'Kate', 'Smith', '!')
console.log(result) // 输出 "John, Kate, Smith!"你还可以把数组解构为参数：
const array = ['John', 'Kate', 'Smith', '!']
const result = concatWithSeparator(', ', ...array)
console.log(result) // 输出 "John, Kate, Smith!"总结
既然你已经了解了 @ianwalter/concat 包的使用方法，那么在以后的开发中，你就可以方便地使用它来合并字符串了。在项目中，使用可复用的代码来代替冗长的代码是一种很好的实践。而 npm 包 @ianwalter/concat 就是为此而生的工具之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672563660cf7123b36375