Javascript基礎之Array數組API

Javascript數組原型提供的方法很是之多,主要分爲三種:

  • 直接修改原數組

  • 原數組不變,返回新數組

  • 數組遍歷方法

 

直接修改原數組的API

pop()

刪除一個數組中的最後的一個元素,而且返回這個元素

push()

添加一個或者多個元素到數組末尾,而且返回數組新的長度

shift()

刪除數組的第一個元素,並返回這個元素

unshift()

在數組開始處插入一些元素,並返回數組新的長度

splice()

從數組中添加/刪除一些元素,而後返回被刪除的元素

 

reverse()

顛倒數組中元素的順序

sort()

用於對數組的元素進行排序

fill() -- ES6新增

 

將數組指定區間內的元素替換爲某個值

 

copyWithin() -- ES6新增

數組內元素之間的替換

返回新數組的API

contact()

將傳入的數組或者元素與原數組合並,組成一個新的數組並返回

slice()

鏈接兩個或多個數組

join()

將數組中的全部元素鏈接成一個字符串

indexOf()

用於查找元素在數組中第一次出現時的索引,若是沒有,則返回-1

lastIndexOf()

用於查找元素在數組中最後一次出現時的索引,若是沒有,則返回-1

includes() -- ES7新增

 

用來判斷當前數組是否包含某個指定的值,若是是,則返回 true,不然返回false

 

toSource() -- 未入標準

返回數組的源代碼,目前只有 Firefox 實現了它

 

數組遍歷方法

forEach()

指定數組的每項元素都執行一次傳入的函數,返回值爲undefined

map()

遍歷數組,使用傳入函數處理每一個元素,並返回函數的返回值組成的新數組

filter()

使用傳入的函數測試全部元素,並返回全部經過測試的元素組成的新數組

every()

使用傳入的函數測試全部元素,每個元素經傳入的函數處理都返回true該方法才返回true,不然返回false(驗證是否每個元素都知足測試函數)

some()

使用傳入的函數測試全部元素,只要有一個元素經傳入的函數處理返回true該方法就返回true,不然返回false(驗證是否有元素都知足測試函數)

reduce()

接收一個方法做爲累加器,數組中的每一個值(從左至右) 開始合併,最終爲一個值

reduceRight()

接收一個方法做爲累加器,數組中的每一個值(從右至左) 開始合併,最終爲一個值

find() -- ES6新增

返回數組中第一個知足條件的元素(若是有的話), 若是沒有,則返回 undefined

findIndex() -- ES6新增

返回數組中第一個知足條件的元素的索引(若是有的話), 若是沒有,則返回 -1

keys() -- ES6新增

返回一個數組索引的迭代器

values() -- ES6新增

返回一個數組迭代器對象,該對象包含數組中每一個索引的值

entries() -- ES6新增

返回一個數組迭代器對象,該對象包含數組中每一個索引的鍵值對

相關文章
相關標籤/搜索