JavaScript String concat() 方法_JavaScript 菜鸟教程

JavaScript String concat（）方法将两个或多个字符串参数连接到当前字符串。此方法不会更改现有字符串的值，但会返回一个新字符串。

您可以根据需要连接多个字符串参数。

语法

以下是 JavaScript String concat（）方法的语法 -


 concat(str1, str2,......, strN)

参数

此方法接受多个字符串作为参数。与下面描述的相同 -

str1， str2,....., strN − 要连接的字符串。

返回值

此方法在连接后返回一个新字符串。

示例 1

在下面的程序中，我们使用 JavaScript String concat（）方法将两个字符串 “qikepu” 和 “com” 连接起来。


<html>
<head>
<title>JavaScript String concat() Method</title>
</head>
<body>
<script>
	 	const str1 = "qikepu";
	 	const str2 = "com";
	 	const new_str = str1.concat(str2);
	 	document.write("str1 = ", str1);
	 	document.write("<br>str2 = ", str2);
	 	document.write("<br>new_str(after concatenate) = ", new_str);
</script>
</body>
</html>

输出

上面的程序在连接后返回一个新字符串 “qikepucom”。

str1 = qikepu
str2 = com
new_str(after concatenate) = qikepucom

示例 2

以下是 String concat（） 方法的另一个示例。在此示例中，我们将多个字符串连接起来：“Welcome”、“to”、“qikepu”和“com”，以及空格以分隔它们。


<html>
<head>
<title>JavaScript String concat() Method</title>
</head>
<body>
<script>
	 	const str1 = "Welcome";
	 	const str2 = "to";
	 	const str3 = "qikepu";
	 	const str4 = "com";
	 	document.write("str1 = ", str1);
	 	document.write("<br>str2 = ", str2);
	 	document.write("<br>str3 = ", str3);
	 	document.write("<br>str4 = ", str4);
	 	const new_str = str1.concat(" ",str2," ",str3," ",str4);
	 	document.write("<br>Concatenated string(with white-sapce separated) = ", new_str);
	 	const new_str1 = str1.concat(str2,str3,str4);
	 	document.write("<br>Concatenated string(without white-sapce separated) = ", new_str1);
</script>
</body>
</html>

输出

执行上述程序后，它将连接所有字符串并返回一个新字符串作为 -

str1 = Welcome
str2 = to
str3 = qikepu
str4 = com
Concatenated string(with white-sapce separated) = Welcome to qikepu com
Concatenated string(without white-sapce separated) = Welcometoqikepucom

示例 3

让我们看看如何使用 JavaScript String concat（）方法的另一个示例。使用这种方法，我们可以连接字符串 “Hello” 和 “World” 并用逗号（，）分隔它们。


<html>
<head>
<title>JavaScript String concat() Method</title>
</head>
<body>
<script>
	 	document.write("Hello".concat(", ", "World"));
</script>
</body>
</html>

输出

上面的程序在输出中返回 “Hello， World” -

Hello, World

<< JavaScript String charCodeAt() 方法 JavaScript String indexOf() 方法 >>