JavaScript concat

JavaScript concat 方法可以帮助您连接一个以上的字符串并返回新字符串。我们也可以使用算术运算符 ‘+’ 来连接字符串。concat 函数的语法如下所示。

String_Object1.concat(String2, String3,....StringN)
  • String2 到 StringN：这些是可选参数。如果指定了它们，所有这些字符串值都将添加到 String_Object。

JavaScript concat 示例

以下示例集将帮助您理解 concat 方法以及实现相同功能的替代方法。对于 Str4，我们使用了此函数，它将变量 Str2 和 Str3 中的语句组合到 Str1 的末尾。

它还允许我们直接使用字符串数据。以下 Str5 语句将显示相同的内容。在这里，我们在字符串数据之前使用了额外的空格，以便在浏览器中显示数据时提供整洁的空格。

以下 Str6 语句将显示一种替代方法。我的意思是，您可以使用空字符串作为 JavaScript concat 函数的参数。

我们还可以使用 算术运算符 ‘+’ 在 Str7 中实现相同目的（连接字符串）。最后一个 document write 行会将输出内容写入相应的浏览器。

注意：如果您想连接非字符串 JavaScript 对象，则必须将其转换为字符串。

<!DOCTYPE html>
<html>
<head>
    <title> JavaScriptConcat </title>
</head>
<body>
    <h1>JavaScriptConcat </h1>
<script>
 var Str1 = "Learn";
 var Str2 = " JavaScript";
 var Str3 = " at Tutorial Gateway.org";
 var Str4 = Str1.concat(Str2, Str3)
 var Str5 = Str1.concat(" JavaScript", " at Tutorial Gateway.org");
 var Str6 = Str1.concat(" ","JavaScript"," ","at Tutorial Gateway.org"); 
 var Str7 = Str1 + Str2 + Str3;
    
 document.write("<b>Using Concat():</b> " + Str4);
 document.write("<br \> <b>Using Concat():</b> " + Str5);
 document.write("<br \> <b>Using Concat():</b> " + Str6);
 document.write("<br \> <b>Using + Operator:</b> " + Str7);
</script>
</body>
</html>
Concat string function