開發中常用的 ES6數組方法

PS:小弟主要目的是爲了以後想使用的時候方便自己閱讀,如果對新入門(坑)的小夥伴有幫助那最好。大佬不喜輕點噴,有不同看法也可以在下方評論。謝謝!
一.some()
Array.some():該方法主要做用是遍歷數組,判斷數組中是不是至少有一個通過了被提供的函數測試。返回值:如果有任意一個可以通過則返回true 否則返回false。
注意:如果用一個空數組進行測試,在任何情況下它返回的都是false。
示例如下:


	let arr = [1,2,3,4,5];
    let arr1 = arr.some(e => e > 6 );返回false
  	let arr2 = arr.some(e => e = 5 );返回true

二.filter()
Array.filter():數組過濾器,對數組每個元素都執行一次filter中的回調函數,如果滿足條件,它的結果會返回一個新數組,
注意:空數組不會執行這個方法,且不會改變原數組,只有在回調函數執行前傳入的數組元素纔有效,在回調函數開始執行後才添加的元素將被忽略;
示例如下:


	let arr = [17,22,33,42,15];
    let arr1 = arr.filter(e => e >= 22 );返回新的數組[22, 33, 42]

三.map()和forEach()
Array.map()和Array.forEach()這兩者都可以對數組進行遍歷,不同的是返回值
注意:兩者都不會對空數組進行處理
示例如下:


	let arr = [17,22,33,42,15];

    let arr1 = arr.map(e =>  e * 2);返回新的數組[34, 44, 66, 84, 30],原數組的value*2
    let arr2 = arr.map(e => {
    	return 2
    } );返回的新數組 [2,2,2,2,2] 

    let arr3 = arr.forEach(e => e * 2 );返回undefined
    let arr4 = arr.forEach(e => {
    	return 2
    } );返回undefined
    

四.every()
Array.every():這個方法主要用於判斷一個數組中的元素是否都滿足某個條件,因爲只有當每個元素返回true的時候,方法纔會返回true,若有一個不滿足則返回false;
示例如下:


    let arr = [17,22,33,42,15];
    let arr1 = arr.every(e =>  e >= 33);返回false  
    let arr2 = arr.every(e => e >= 15 );返回true
    

五。reduce()與reduceRight()
Array.reduce()與Array.reduceRight()這兩個方法都會對於數組中的每一個元素按照一定順序,進行疊加運算。不同的是Array.reduceRight()從數組的末尾向前將數組中的數組項做累加。
注意: reduce() 對於空數組是不會執行回調函數的。
示例如下:


	let arr = [1,3,5];
	
    let arr1 = arr.reduce((e , i) =>  {
      return e + i
    });返回9  
    
    let arr2 = arr.reduceRight((e , i) =>{
      return i + e
    });返回9 
    

六.includes()
Array.includes()方法會判斷數組是否包含一個指定的值,包含則返回true,否則返回false
示例如下:


	let arr =[2,3,4,5,6,7];
	let newarr = arr.includes(2); 返回true
	let newarr = arr.includes(10);返回false
	

七…find( )
find() 方法返回數組中滿足提供的測試函數的第一個元素的值。否則返回 undefined。
示例如下:


	let arr =[2,3,4,5,6,7];
	let newarr = arr.find( element =>element >3);
	結果 newarr = 4

	

八.findIndex()
Array.findIndex()方法返回數組中滿足提供的測試函數的第一個元素的索引。否則返回-1。
示例如下:


	let arr =[2,3,4,5,6,7];
	let newarr = arr.findIndex( element =>element >3);返回的索引 newarr爲2
	

如有對小夥伴有用的話,給個讚唄!小弟萬分感謝!

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