JavaScript - Array concat() 方法



JavaScript Array.concat() 方法用于连接或连接两个或多个数组。join 后,该方法不会改变我们想要 join 的现有数组;相反,它会返回一个包含联接数组的新数组。

在内部,此方法创建一个新数组,然后将第一个数组的所有元素复制到新数组中。然后,它将第二个数组的所有元素复制到新数组中,依此类推,针对提供的每个附加数组。结果将是一个数组,其中包含原始数组中的所有元素,按它们的连接顺序排列。

语法

以下是 JavaScript Array.concat() 方法的语法 -


 array1.concat(array2, array3, ..., arrayN);

参数

以下是上述语法的描述 -

  • array1 − 将与指定的值或数组连接的数组。
  • array2, array3, ..., arrayN − 要与原始数组连接的值或数组。

返回值

此方法返回一个新数组,其中包含原始数组 (array1) 中的元素和指定的值或数组。

示例 1

在下面的示例中,我们使用 JavaScript Array concat() 函数来连接两个数组 -


<html>
<head>
	 	<h2>JavaScript Array concat() Method</h2>
</head>
<body>
	 	<script>
	 	 	 const array1 = ["one", "two"];
	 	 	 const array2 = ["three", "four", "five", "six"];
	 	 		
	 	 	 const result = array1.concat(array2);	
	 	 	 document.write(result);
	 	</script>
</body>
</html>

输出

正如我们在下面看到的输出,这将连接两个数组并返回一个新的连接数组。

JavaScript Array concat() Method
one,two,three,four,five,six

示例 2

在此示例中,我们将连接两个以上的 JavaScript 数组 -


<html>
<head>
	 	<h2>JavaScript Array concat() Method</h2>
</head>
<body>
	 	<script>
	 	 	 const array1 = ["Lion", "cheetah"];
	 	 	 const array2 = ["Tiger", "Elephant", "Rhino"];
	 	 	 const array3 = ["Dinosaur"]
	 	 		
	 	 	 const result = array1.concat(array2, array3);	
	 	 	 document.write(result);
	 	</script>
</body>
</html>

输出

该程序将返回一个结果,其中三个数组连接成一个新的连接数组。

JavaScript Array concat() Method
Lion,cheetah,Tiger,Elephant,Rhino,Dinosaur