Javascript裡有哪些常用的陣列操作函式?

來源:酷知科普網 2.51W

在寫JS(Javascript)程式碼時,我們經常會對陣列進行各種操作。那麼你知道JS有哪些常用的操作函式嗎?下面來介紹一下,熟悉這些函式對我們平常開發有很大的幫助。

操作方法

(01)首先我們看下陣列的push方法,該方法是在陣列的末尾新增一個新元素,當然我們可也可以用 arr[3]= 'e'這樣的方法來新增元素,但使用push方法,我們不需要獲取陣列的長度,即不需要指定陣列的下標。程式碼如圖

Javascript裡有哪些常用的陣列操作函式?

(02)頁面執行後,結果如圖,成功為陣列添加了一項

Javascript裡有哪些常用的陣列操作函式? 第2張

(03)接下來是介紹shift方法,該方法獲取陣列的第一個元素,並且把該元素從數組裡刪除,也就是程式裡常說的‘出棧’。程式碼如圖(當然我們可以用 arr[0]來獲取陣列的第一個元素,但這樣獲取並不會把元素從數組裡刪除)

Javascript裡有哪些常用的陣列操作函式? 第3張

(04)執行頁面,結果如圖。

Javascript裡有哪些常用的陣列操作函式? 第4張

(05)接著我們介紹concat方法,該方法可以讓你合併多個數組的值,但要注意的是合併後原陣列並沒有改變,只是返回新的陣列。程式碼如圖

Javascript裡有哪些常用的陣列操作函式? 第5張

(06)執行後,看到結果,arr4陣列就是arr,arr2,arr3三個數組合並的結果。concat方法的引數可以接受多個數組,並不止程式碼所示的二個。

Javascript裡有哪些常用的陣列操作函式? 第6張

(07)最後,我們來看join方法,該方法會把陣列的所有項,組合成一個字串,當我們需要把陣列內容傳遞給伺服器時,就需要用這個方法把陣列轉化成字串。程式碼如圖

Javascript裡有哪些常用的陣列操作函式? 第7張

(08)執行結果如圖,我們可以用不同的分隔號來把陣列項分隔開。

Javascript裡有哪些常用的陣列操作函式? 第8張
熱門標籤