Javascript中的字符串拼接

　　字符串拼接是所有程序设计语言都需要的操作。当拼接结果较长时，如何保证效率就成为一个很重要的问题。本文介绍的是Javascript中的字符串拼接，希望对你有帮助，一起来看。
　　consticon；
　　模板字符串
　　hi｛icon｝；
　　join（）方法
　　〔hi，icon〕。join（）；
　　Concat（）方法
　　。concat（hi，icon）；
　　操作符
　　hiicon；
　　RESULT
　　hi
　　1。模板字符串
　　如果你来自另一种语言（例如Ruby），则将熟悉字符串插值一词。这正是模板字符串要实现的目标。这是在字符串创建中包含表达式的一种简单方法，该方法简洁明了。
　　constnamesamantha；
　　constcountry；
　　（1）字符串连接中缺少空格的问题
　　在模板字符串之前，这是我的字符串的结果
　　Hi，ImnameandImfromcountry；
　　你发现我的错误了吗？我缺少空格。在连接字符串时，这是一个非常普遍的问题。
　　Hi，ImsamanthaandImfrom
　　（2）用模板字符串解决
　　使用模板字符串，可以解决此问题。你可以按照你想要的字符串显示方式编写。所以很容易发现是否缺了一个空格，现在超级可读，耶！
　　Hi，Im｛name｝andImfrom｛country｝；
　　2。join（）
　　join方法合并数组的元素并返回一个字符串。因为它与数组一起使用，所以如果要添加其他字符串，它非常方便。
　　constinstagramsamanthaming；
　　consttwittersamanthaming；
　　constarray〔Myhandlesare，instagram，twitter〕；
　　consttiktoksamantaming；
　　array。push（tiktok）；
　　array。join（）；
　　Myhandlesaresamanthamingsamanthamingsamanthaming
　　自定义分隔符
　　join的好处在于，你可以自定义组合数组元素的方式。你可以通过在其参数中传递分隔符来实现。
　　constarray〔Myhandlesare〕；
　　consthandles〔instagram，twitter，tiktok〕。join（，）；
　　samanthaming，samanthaming，samanthaming
　　array。push（handles）；
　　array。join（）；
　　Myhandlesaresamanthaming，samanthaming，samanthaming
　　3。concat（）
　　使用concat，可以通过在字符串上调用方法来创建新字符串。
　　constinstagramsamanthaming；
　　consttwittersamanthaming；
　　consttiktoksamanthaming；
　　Myhandlesare。concat（instagram，，，twitter，，tiktok）；
　　Myhandlesaresamanthaming，samanthaming，samanthaming
　　结合字符串和数组
　　还可以使用concat将字符串与数组组合在一起。当我传递数组参数时，它将自动将数组项转换为以逗号分隔的字符串。
　　constarray〔instagram，twitter，tiktok〕；
　　Myhandlesare。concat（array）；
　　Myhandlesaresamanthaming，samanthaming，samanthaming
　　果您希望格式更好，我们可以使用join来定制分隔符。
　　constarray〔instagram，twitter，tiktok〕。join（，）；
　　Myhandlesare。concat（array）；
　　Myhandlesaresamanthaming，samanthaming，samanthaming
　　4。操作符
　　关于在组合字符串时使用运算符的一件有趣的事情。你可以用来创建新的字符串，也可以通过添加现有字符串来对其进行突变。
　　（1）非可变
　　在这里，我们使用创建一个全新的字符串。
　　constinstagramsamanthaming；
　　consttwittersamanthaming；
　　consttiktoksamanthaming；
　　constnewStringMyhandlesareinstagramtwittertiktok；
　　（2）可变的
　　我们还可以使用将其附加到现有字符串中。所以如果出于某种原因，你需要一种改变的方法，这可能是你的一个选择。
　　letstringMyhandlesare；
　　stringinstagramtwitter；
　　Myhandlesaresamanthamingsamanthaming
　　哦，该死的再次忘记了空格。看到了！连接字符串时很容易错过空格。
　　stringinstagram，twitter，tiktok；
　　Myhandlesaresamanthaming，samanthaming，samanthaming
　　感觉还是很乱的，我们把join扔进去吧！
　　string〔instagram，twitter，tiktok〕。join（，）；
　　Myhandlesaresamanthaming，samanthaming，samanthaming
　　5。字符串中的转义字符
　　当字符串中包含特殊字符时，组合时首先需要转义这些字符。让我们看一些情况，看看如何避免它们
　　（1）转义单引号或撇号（’）
　　创建字符串时，可以使用单引号或双引号。知道了这些知识，当你的字符串中出现单引号时，一个很简单的解决方法就是用相反的方法来创建字符串。
　　consthappy；
　　〔Im，happy〕。join（）；
　　。concat（Im，happy）；
　　Imhappy；
　　RESULT
　　Im
　　当然，您也可以使用反斜杠来转义字符。但是我发现它有点难以阅读，所以我并不经常这样。
　　consthappy；
　　〔Im，happy〕。join（）；
　　。concat（Im，happy）；
　　Imhappy；
　　RESULT
　　Im
　　由于模板字符串正在使用反引号，因此这种情况不适用于它
　　（2）转义双引号（）
　　类似于转义单引号，我们可以使用相同的方法来使用相反的引号。因此，为了转义双引号，我们将使用单引号。
　　constflag；
　　〔Canada，flag，〕。join（）；
　　。concat（Canada，flag，）；
　　Canadaflag；
　　RESULT
　　Canada
　　是的，还可以使用反斜杠转义符。
　　（3）转义符（）
　　因为模板字符串使用反引号创建其字符串，所以当要输出该字符时，我们必须使用反斜杠对其进行转义。
　　6。使用哪种方式？
　　我展示了一些使用不同方式连接字符串的示例。哪种方法更好取决于所有情况。关于样式偏好，我喜欢遵循Airbnb风格指南。
　　因此，模板字符串必胜！
　　7。为什么其他方式仍然重要？
　　知道其他的方法也还是很重要的。为什么这么说呢？因为并不是每个代码库都会遵循这个规则，或者你可能面对的是一个遗留代码库。作为一个开发者，我们需要能够适应和理解我们所处的任何环境。我们是来解决问题的，而不是抱怨技术有多老除非这种抱怨是配合实际行动来改善的。那我们就有进步