JavaScript連接兩個或多個陣列的方法concat()-js教程-PHP中文網

JavaScript連接兩個或多個陣列的方法concat()

黄舟

發布： 2017-11-03 10:24:39

原創

4340 人瀏覽過

定義和用法

concat() 方法用於連接兩個或多個陣列。

該方法不會改變現有的數組，而只會傳回被連接數組的一個副本。

語法

arrayObject.concat(arrayX,arrayX,......,arrayX)

登入後複製

參數	#描述
arrayX	必需。此參數可以是具體的值，也可以是陣列物件。可以是任意多個。

傳回值

傳回一個新的陣列。這個陣列是透過把所有 arrayX 參數加入到 arrayObject 中產生的。如果要進行 concat() 運算的參數是數組，那麼新增的是數組中的元素，而不是數組。

實例

範例1

在本例中，我們將把concat() 中的參數連接到陣列a 中：

<script type="text/javascript">

var a = [1,2,3];
document.write(a.concat(4,5));

</script>

登入後複製

輸出：

1,2,3,4,5

登入後複製

範例2

在本例中，我們建立了兩個數組，然後使用concat() 把它們連接起來：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

document.write(arr.concat(arr2))

</script>

登入後複製

輸出：

George,John,Thomas,James,Adrew,Martin

登入後複製

範例3

在本例中，我們建立了三個數組，然後使用concat() 把它們連接起來：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

var arr3 = new Array(2)
arr3[0] = "William"
arr3[1] = "Franklin"

document.write(arr.concat(arr2,arr3))

</script>

登入後複製

輸出：

George,John,Thomas,James,Adrew,Martin,William,Franklin

登入後複製

這種方法將兩個或多個字串，並傳回一個新的單一字串。
語法

string.concat(string2, string3[, ..., stringN]);

登入後複製

下面是參數的詳細資訊：

    string2...stringN : 这些是要连接字符串。

登入後複製

傳回值:

傳回一個連接字串。
範例：

<html>
<head>
<title>JavaScript String concat() Method</title>
</head>
<body>
<script type="text/javascript">
var str1 = new String( "This is string one" );
var str2 = new String( "This is string two" );
var str3 = str1.concat( str2 );
 
document.write("Concatenated String :" + str3); 
</script>
</body>
</html>

登入後複製

這將產生以下結果：

Concatenated String :This is string oneThis is string two.

登入後複製

以上是JavaScript連接兩個或多個陣列的方法concat()的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

JavaScript連接兩個或多個陣列的方法concat()