JavaScript 陣列 concat()

admin發表於2018-08-29

concat() 方法可以連線一個或者多個陣列,並返回連線後生成的新陣列。

字串具有同名方法,具體參閱JavaScript 字串 concat()一章節。

更多關於陣列內容可以參閱JavaScript Array 陣列一章節。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
arr.concat(陣列一,陣列二,......,陣列N)

引數解析:

(1).陣列N:要被連線的陣列,一個或者多個都可以。

特別說明:引數沒必要是陣列,可以是能作為陣列元素的任何資料。

程式碼例項:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr = [1,2,3];
console.log(arr.concat(4,5,6,7))

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/012701hgj1r5ju7sz7la76.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述程式碼中,concat方法中的引數並不是陣列,而是單個元素。

相當於向陣列追加了若干指定元素。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr = [1,2,3];
console.log(arr.concat(4,5,6,7))
console.log(arr)

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/012742k6eexitoiisriw1a.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

可以看到,此方法並不會直接操作原陣列,而是操作的原陣列的副本。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr = ["螞蟻部落",6];
let another=["青島市南區","http://www.softwhy.com"];
console.log(arr.concat(another))

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/012817psqqu6pqbkw1b41p.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述程式碼中,concat方法的引數是陣列。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr = ["螞蟻部落",6];
let one=["青島市南區","http://www.softwhy.com"];
let two=["antzone"];
console.log(arr.concat(one,two))

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201808/29/012856pfzooozon6z9wwyn.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

可以看到,此方法的引數可以是一個陣列,也可以是多個陣列,陣列與陣列之間用逗號分隔。

相關文章