es6的find和findIndex方法


數組實例的find方法,用於找出第一個符合條件的數組成員。它的參數是一個回調函數,所有數組成員依次執行該回調函數,直到找出第一個返回值為true的成員,然后返回該成員。如果沒有符合條件的成員,則返回undefined。

如下

  1. [1, 4, -5, 10].find((n) => n < 0)  
  2. // -5  
  3. [1, 5, 10, 15].find(function(value, index, arr) {  
  4. return value > 9;  
  5. }) // 10  

上面代碼中,find方法的回調函數可以接受三個參數,依次為當前的值、當前的位置和原數組。
數組實例的findIndex方法的用法與find方法非常類似,返回第一個符合條件的數組成員的位置,如果所有成員都不符合條件,則返回-1。

 
  1. [1, 5, 10, 15].findIndex(function(value, index, arr) {  
  2. return value > 9;  
  3. }) // 2  

這兩個方法都可以接受第二個參數,用來綁定回調函數的this對象。
另外,這兩個方法都可以發現NaN,彌補了數組的IndexOf方法的不足。

 

 
  1. [NaN].indexOf(NaN)  
  2. // -1  
  3. [NaN].findIndex(y => Object.is(NaN, y))  
  4. // 0  

上面代碼中,indexOf方法無法識別數組的NaN成員,但是findIndex方法可以借助Object.is方法做到。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM