怎么在ES6中使用 Array.includes 處理多重條件

本篇文章為大家展示了怎么在ES6中使用 Array.includes 處理多重條件，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

具體如下：

includes   [?nk'lu:dz]  包含，包括

includes() 方法用來判斷一個數組是否包含一個指定的值，如果是返回 true，否則false。

舉個例子：

// 條件語句
function test(fruit) {
 if (fruit == 'apple' || fruit == 'strawberry') {
 console.log('red');
 }
}

乍一看，這么寫似乎沒什么大問題。然而，如果我們想要匹配更多的紅色水果呢，我們是不是得用更多的 || 來擴展這條語句？

我們可以使用 Array.includes(Array.includes) 重寫以上條件句。

function test(fruit) {
 // 把條件提取到數組中
 const redFruits = ['apple', 'strawberry', 'cherry', 'cranberries'];
 if (redFruits.includes(fruit)) {
 console.log('red');
 }
}

我們把紅色的水果（條件）都提取到一個數組中，這使得我們的代碼看起來更加優雅，整潔。

fromIndex 大于等于數組長度

如果fromIndex 大于等于數組長度 ，則返回 false 。該數組不會被搜索:

var arr = ['a', 'b', 'c'];
arr.includes('c', 3);  //false
arr.includes('c', 100); // false

計算出的索引小于 0

如果 fromIndex 為負值，計算出的索引將作為開始搜索searchElement的位置。如果計算出的索引小于 0，則整個數組都會被搜索。

// 數組長度是3
// fromIndex 是 -100
// computed index 是 3 + (-100) = -97
 
var arr = ['a', 'b', 'c'];
arr.includes('a', -100); // true
arr.includes('b', -100); // true
arr.includes('c', -100); // true

上述內容就是怎么在ES6中使用 Array.includes 處理多重條件，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。