Javascript裏有哪些常用的數組操作函數?

在寫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張