JavaScript常見數組方法以及教你如何轉置矩陣

如何快速入門VUE3.0：進入學習

相關推薦：javascript教程

一、常見二維數組操作

創建與遍歷

在前面的篇章中，已經學習了一維數組的各種創建方式，了解一維數組如何創建後，二維數組的創建就非常的簡單了，只需將數組元素設為數組即可。

在建立二維數組後，如何遍歷二維數組中的元素，對其進行操作呢？

• 一維數組可以利用for、for…in或for…of（ES6提供）進行遍歷。
• 二維數組只需在遍歷數組後，再次遍歷數組的元素即可。

另外，在Web專案開發中，也常透過多維空數組添加元素的方式來建立多維數組。以下以新增二維空數組元素為例進行示範。

若要為二維數組元素（如arr[i][0]）賦值，首先要保證添加的元素（如arr[i]）已經被創建為數組，否則程式會報“Uncaught TypeError…”錯誤。

注意

在建立多維數組時，雖然JavaScript沒有限制數組的維數，但是在實際應用中，為了方便程式碼閱讀、調試和維護，建議使用三維及以下的數組保存資料。

【案例】二維數組轉置

二維數組的轉置指的是將二維數組橫向元素保存為縱向元素。

代碼實現想法：

• 找出規律：res[​​0][0] = arr[0][0]、res[0][1] = arr[1][0]、res[0][2] = arr[2 ][0]。
• 得出結論： res[i][j] = arr[j][i]。 ②
• res數組長度=arr元素（如arr[0]）的長度。 ③
• res元素（如res[0]）的長度=arr數組的長度。 ④
• 依照③和④完成res的建立與遍歷，按②進行轉置。

為了讓你們有成就感我就不貼程式碼了，有問題可以在留言區提出。其實矩陣完全可以存在數組裡，以後做矩陣轉置直接運行程式碼就行了。

二、常見陣列方法

堆疊和佇列方法

JavaScript中，除了前面講解的新增與刪除陣列元素的方式外，還可以利用Array物件提供的方法，模擬堆疊和佇列的操作。

• 在數組的末尾或開頭添加數組的新元素。
• 在數組的末尾或開頭刪除數組元素。

• push()和unshift()方法的回傳值是新數組的長度。
• pop()和shift()方法傳回的是移出的陣列元素。

檢索方法

在開發中，若要偵測給定的值是否為數組，或是尋找指定的元素在數組中的位置。

表中除了Array.isArray()方法外，其餘方法預設都是從指定陣列索引的位置開始檢索，且檢索方式與運算子「===」相同，也就是只有全等時才會傳回較成功的結果。

includes()和Array.isArray()方法

• includes()方法的第1個參數表示要找出的值。
• includes()方法的第2個參數用來指定在陣列中尋找的下標。
• 當設定為大於數組長度時，數組不會被檢索，直接傳回false。
• 當設定為小於0的數時，則檢索的索引位置等於陣列長度加上指定的負數，若結果仍是小於0的數，則檢索整個陣列。

indexOf()方法

indexOf()用於在陣列中從指定下標位置，檢索到的第一個給定值，存在則傳回對應的元素下標，否則傳回-1。

注意

indexOf()方法的第2個參數用來指定開始尋找的下標：

• 當其值大於或等於陣列長度時，直接傳回-1。
• 當其值為負數時，則尋找的下標位置等於陣列長度加上指定的負數，若結果仍是小於0的數，則會擷取整個陣列。

lastIndexOf()方法

Array物件提供的lastIndexOf()方法，用於在陣列中從指定下標位置檢索到的最後一個給定值的下標。與indexOf()檢索方式不同的是，lastIndexOf()方法預設反向檢索，即從陣列的末端向陣列的開頭檢索。

注意

lastIndexOf()方法的第2個參數用於指定查找的下標，並且由於其採用逆向的方式檢索：

當其值大於或等於數組長度時，則整個數組都會被查找。

當其值為負數時，則索引位置等於數組長度加上給定的負數，若其值仍為負數，則直接傳回-1。

陣列轉字串

開發中若需要將陣列轉換為字串時，則可以利用JavaScript提供的方法實作。

join()和toString()方法的相同點：

• 可將多維數組轉為字串，預設使用逗號連接。
• 當陣列元素為undefined、null或空數組時，對應的元素會轉換為空字串

join()和toString()方法的不同點:

• join()方法可以指定連接陣列元素的符號。

其他方法

除前面講解的幾種常用方法外，JavaScript也提供了許多其他常用的陣列方法。例如，合併數組、數組淺拷貝、顛倒數組元素的順序等。

注意

• slice()和concat()方法執行後傳回一個新的數組，不會對原始數組產生影響，剩餘的方法在執行後都會原數組產生影響。
• splice()方法的第1個參數的值等於或大於數組長度時，從數組末尾開始操作；當該值為負數時，則下標位置等於數組長度加上指定的負數，若其值仍為負數，則從數組的開頭開始操作。

相關推薦：javascript教學

以上就是JavaScript常見陣列方法以及教你如何轉置矩陣的詳細內容，更多請關注php中文網其它相關文章！