javaScript開發指南

字符串對象

瀏覽器對象

DOM對象事件

數學計算

日期對象

對象常用方法


數組常用方法

常用方法:
1.瞭解數組

2.Array.from()
從類數組對象或者可迭代對象中創建一個新的數組實例。比如從一個Set對象創建一個數組就可以使用Array.from()

3.Array.isArray()
用來判斷某個變量是否是一個數組對象。

4.Array.of()
根據一組參數來創建新的數組實例,支持任意的參數數量和類型。

訪問方法,不會修改原數組

(1)concat()
合併多個數組組成一個新數組。

(2)includes()
判斷當前數組是否包含某指定的值,如果是返回 true,否則返回 false。

(3)join()
連接所有數組元素組成一個字符串,默認用逗號連接。

(4)slice()
根據索引提取當前數組中的一段數組組成一個新數組。

(5)toString()
返回一個由所有數組元素組合而成的字符串。

(6)toLocaleString()
返回一個由所有數組元素組合而成的本地化後的字符串。遮蔽了原型鏈上的

(7)indexOf()
從數組第一個元素開始查找,如果找到,則返回元素的索引,未找到,則返回-1。

(8)lastIndexOf()
逆向查找數組中的元素(從數組中最後一個元素開始倒着查找),如果找到,則返回元素的索引,而且不再繼續查找,未找到則返回-1。

修改器方法,會修改原數組

(1)copyWithin()
在數組內部,將一段元素覆蓋到另一段元素上,會改變原數組,但是不會改變數組的長度。

(2)fill()
將數組中指定區間的所有元素的值,都替換成某個固定的值。

(3)pop()
刪除數組的最後一個元素,並返回這個元素。

(4)shift()
刪除數組的第一個元素,並返回這個元素。

(5)push()
在數組的末尾增加一個或多個元素,並返回數組的新長度。

(6)unshift()
在數組的開頭增加一個或多個元素,並返回數組的新長度。

(7)reverse()
顛倒數組中元素的排列順序,即原先的第一個變爲最後一個,原先的最後一個變爲第一個。

(8)sort()
對數組元素進行排序,並返回當前數組。

(9)splice()
從數組的某個元素位置開始刪除指定數量的元素,然後添加指定數量的元素。

迭代遍歷方法

(1)forEach()
爲數組中的每個元素執行一次回調函數。

(2)entries()
返回一個數組迭代器對象,該迭代器會包含所有數組元素的鍵值對。

(3)every()
如果數組中的每個元素都滿足測試函數,則返回 true,否則返回 false。

(4)some()
如果數組中至少有一個元素滿足測試函數,則返回 true,否則返回 false。

(5)filter()
將所有在過濾函數中返回 true 的數組元素放進一個新數組中並返回。

(6)find()
找到第一個滿足測試函數的元素並返回那個元素的值,如果找不到,則返回 undefined。

(7)findIndex()
找到第一個滿足測試函數的元素並返回那個元素的索引,如果找不到,則返回 -1。

(8)map()
返回一個由回調函數的返回值組成的新數組。

(9)keys()
keys() 方法返回一個包含數組中每個索引鍵的Array Iterator對象。

const array1 = ['a', 'b', 'c'];
const iterator = array1.keys();
for (const key of iterator) {
  console.log(key);
}

(10)reduce()
從左到右爲每個數組元素執行一次回調函數,並把上次回調函數的返回值放在一個暫存器中傳給下次回調函數,並返回最後一次回調函數的返回值。

(11)reduceRight()
和reduce()方法相反,它是從右向左累加。

(12)values()
返回一個數組迭代器對象,該迭代器會包含所有數組元素的值。
values() 方法返回一個新的 Array Iterator 對象,該對象包含數組每個索引的值

const array1 = ['a', 'b', 'c'];
const iterator = array1.values();
for (const value of iterator) {
  console.log(value);
}

常用循環方法

for循環
for…in 遍歷對象的屬性
for…of
在可迭代對象(包括 Array,Map,Set,String,TypedArray,arguments 對象等等)上創建一個迭代循環,調用自定義迭代鉤子,併爲每個不同屬性的值執行語句
while
do…while
map 循環處理後的結果
forEach 循環處理
filter 過濾循環


ES6新增js方法

其他

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章