首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2022-03-28 14:19:13
轉載
3264 人瀏覽過

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

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

相關推薦:javascript教學

#一、常見二維陣列運算

創建與遍歷

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

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

 在創建完二維陣列後,如何遍歷二維陣列中的元素,對其進行操作呢?

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

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

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

若要為二維陣列元素(如arr[i][0])賦值,首先要確保新增的元素(如arr[i])已經被創建為數組,否則程式會報「Uncaught TypeError…」錯誤。

注意

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

【案例】二維數組轉置

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

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物件提供的方法,模擬堆疊和佇列的操作。

  • 在陣列的結尾或開頭新增陣列的新元素。
  • 在陣列的結尾或開頭刪除陣列元素。

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

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

檢索方法

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

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

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

includes()和Array.isArray()方法

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

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

indexOf()方法

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

注意

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

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

lastIndexOf()方法

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

注意

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

當其值大於或等於陣列長度時,則整個陣列都會被尋找。

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

陣列轉字串

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

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

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

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

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

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

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

其他方法

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

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

注意

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

相關推薦:javascript教學

#

以上是JavaScript常見數組方法以及教你如何轉置矩陣的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板