如何使用es6數組includes()

發布時間：2020-08-03 09:31:43 來源：億速云閱讀：552 作者：小豬欄目：web開發

這篇文章主要為大家展示了如何使用es6數組includes()，內容簡而易懂，希望大家可以學習一下，學習完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。

Array.prototype.includes方法返回一個布爾值，表示某個數組是否包含給定的值，與字符串的includes方法類似。ES2016引入了該方法。

[1, 2, 3].includes(2) // true
[1, 2, 3].includes(4) // true
[1, 2, NaN].includes(NaN) // true

該方法的第二個參數表示搜索的起始位置，默認為0。如果第二個參數為負數，則表示倒數的位置，如果這時它大于數組長度(比如第二個參數為-4，但數組長度為3)，則會重置為0開始。

[1, 2, 3].includes(3, 3); // false
[1, 2, 3].includes(3, -1); // true

沒有該方法之前，我們通常使用數組的indexOf方法，檢查是否包含某個值。

if (arr.indexOf(el) !== -1) {
 // ...
}

indexOf方法有兩個缺點，一是不夠語義化，它的含義是找到參數值的第一個出現位置，所以要去比較是否不等于-1,表達起來不夠直觀。二是，它內部使用嚴格相等運算符進行判斷，這會導致對NaN的誤判。

[NaN].indexOf(NaN) // -1

includes使用的是不一樣的判斷算法，就沒有這個問題。

[NaN].includes(NaN) // true

下面代碼用來檢查當前環境是否支持該方法，如果不支持，部署一個簡易的替代版本。

const contains = (() => Array.prototype.includes 
&#63; (arr, value) => arr.includes(value)
:(arr, value) => arr.some(el => el === value) 
)()

另外，Map和Set數據結構有一個has方法需要注意與includes區分。

-Map結構的has方法，是用來查找鍵名的，比如Map.prototype.has(key),
WeakMap.prototype.has(key), Reflect.has(target, propertyKey)

-Set結構的has方法，是用來查找值的，比如Set.prototype.has(value),
WeakSet.prototype.has(value)

以上就是關于如何使用es6數組includes()的內容，如果你們有學習到知識或者技能，可以把它分享出去讓更多的人看到。

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站