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新增
返回一個數組迭代器對象,該對象包含數組中每一個索引的鍵值對
歡迎關注本站公眾號,獲取更多信息