好用的ES6方法

王瑞芳發表於2018-07-25

一、ES6，Array.includes()函式的用法

  • 斜體文字在ES5，Array已經提供了indexOf用來查詢某個元素的位置，如果不存在就返回-1，但是這個函式在判斷陣列是否包含某個元素時有兩個小不足，第一個是它會返回-1和元素的位置來表示是否包含，在定位方面是沒問題，就是不夠語義化。另一個問題是不能判斷是否有NaN的元素。
     *ES6提供了Array.includes()函式判斷是否包含某一元素，除了不能定位外，解決了indexOf的上述的兩個問題。它直接返回true或者false表示是否包含元素，對NaN一樣能有有效。`*


    const arr1 = [`a`, `b`, `c`, `d`, `e`, `f`, `g`, `h`, `i`, `j`, `k`, NaN]
    console.log(arr1.includes(`f`))
    console.log(arr1.includes(NaN))
    
    結果：
    
    true
    true
 

 includes()函式的第二個參數列示判斷的起始位置。
 
 const arr1 = [`a`, `b`, `c`, `d`, `e`, `f`, `g`, `h`, `i`, `j`, `k`, NaN]
 console.log(`%s`, arr1.includes(`d`, 1))
 console.log(`%s`, arr1.includes(`d`, 3))
 console.log(`%s`, arr1.includes(`d`, 4))

 結果：

 true
 true
 false

第二個引數也可以是負數，表示從右數過來第幾個，但是不改變判斷搜尋的方向，搜尋方向還是從左到右。

console.log(`%s`, arr1.includes(`k`, -1))
console.log(`%s`, arr1.includes(`k`, -2))
console.log(`%s`, arr1.includes(`i`, -3))
結果：

false
true
false

相關文章