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

這篇文章為大家帶來了關於JavaScript的相關知識，其中主要介紹了常見數組方法以及教你如何轉置矩陣的相關問題，包括了創建與遍歷、棧和隊列、檢索方法等等，希望對大家有幫助。

相關推薦：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中文網其他相關文章！