ES6使用 Array.includes 處理多重條件用法實(shí)例分析
本文實(shí)例講述了ES6使用 Array.includes 處理多重條件用法。分享給大家供大家參考，具體如下：
includes [ɪnk'lu:dz] 包含，包括
includes() 方法用來(lái)判斷一個(gè)數(shù)組是否包含一個(gè)指定的值，如果是返回 true，否則false。
舉個(gè)例子：
// 條件語(yǔ)句
function test(fruit) {
if (fruit == 'apple' || fruit == 'strawberry') {
console.log('red');
}
}
乍一看，這么寫(xiě)似乎沒(méi)什么大問(wèn)題。然而，如果我們想要匹配更多的紅色水果呢，我們是不是得用更多的 || 來(lái)擴(kuò)展這條語(yǔ)句？
我們可以使用 Array.includes(Array.includes) 重寫(xiě)以上條件句。
function test(fruit) {
// 把條件提取到數(shù)組中
const redFruits = ['apple', 'strawberry', 'cherry', 'cranberries'];
if (redFruits.includes(fruit)) {
console.log('red');
}
}
我們把紅色的水果（條件）都提取到一個(gè)數(shù)組中，這使得我們的代碼看起來(lái)更加優(yōu)雅，整潔。
fromIndex 大于等于數(shù)組長(zhǎng)度
如果fromIndex 大于等于數(shù)組長(zhǎng)度 ，則返回 false 。該數(shù)組不會(huì)被搜索:
var arr = ['a', 'b', 'c'];
arr.includes('c', 3); //false
arr.includes('c', 100); // false
計(jì)算出的索引小于 0
如果 fromIndex 為負(fù)值，計(jì)算出的索引將作為開(kāi)始搜索searchElement的位置。如果計(jì)算出的索引小于 0，則整個(gè)數(shù)組都會(huì)被搜索。
// 數(shù)組長(zhǎng)度是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
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- ES6中Array.includes()函數(shù)的用法
- JS Array.slice 截取數(shù)組的實(shí)現(xiàn)方法
- javascript Array.remove() 數(shù)組刪除
- js利用Array.splice實(shí)現(xiàn)Array的insert/remove
- Javascript中Array.prototype.map()詳解
- Javascript中關(guān)于Array.filter()的妙用詳解
- JavaScript中數(shù)組Array.sort()排序方法詳解
- 你應(yīng)該了解的JavaScript Array.map()五種用途小結(jié)
- js Array.slice的8種不同用法示例
相關(guān)文章
JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法
這篇文章主要介紹了JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法,涉及TextArea及input文本操作技巧,需要的朋友可以參考下2015-03-03
前端使用JS內(nèi)置Blob實(shí)現(xiàn)下載各種形式的文件實(shí)例
通過(guò)使用JavaScript我們可以很方便地實(shí)現(xiàn)文件的下載功能,這篇文章主要給大家介紹了關(guān)于前端使用JS內(nèi)置Blob實(shí)現(xiàn)下載各種形式文件的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-06-06
下面小編就為大家?guī)?lái)一篇利用JS提交表單的幾種方法和驗(yàn)證(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
這篇文章主要為大家詳細(xì)介紹了使用zepto.js，純JS寫(xiě)的登錄界面，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
js showModalDialog彈出窗口實(shí)例詳解
本篇文章主要是對(duì)js showModalDialog彈出窗口進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
uniapp調(diào)整webview的大小與位置解決遮擋問(wèn)題的辦法
這篇文章主要介紹了如何在uniapp中使用webview時(shí)控制其大小和位置,以避免擋住頂部?jī)?nèi)容,并提供了一個(gè)示例代碼,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-01-01
淺析IE10兼容性問(wèn)題(frameset的cols屬性)
主頁(yè)用frameset嵌了兩個(gè)頁(yè)面，左側(cè)為菜單欄，可以通過(guò)改變 frameset的cols來(lái)收縮。別的瀏覽器正常，但I(xiàn)E10卻沒(méi)任何的反應(yīng)2014-01-01
JS刪除數(shù)組中某個(gè)元素的四種方式總結(jié)
js刪除指定元素方法有很多,下面這篇文章主要給大家介紹了關(guān)于JS刪除數(shù)組中某個(gè)元素的四種方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
這篇文章主要介紹了小程序的上傳文件接口的注意解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09![JavaScript 事件監(jiān)聽(tīng)實(shí)例代碼[兼容IE,firefox] 含注釋](http://img.jbzj.com/images/xgimg/bcimg9.png)
JavaScript 事件監(jiān)聽(tīng)實(shí)例代碼[兼容IE,firefox] 含注釋
JavaScript事件監(jiān)聽(tīng)完整實(shí)例 含注釋?zhuān)浅５牟诲e(cuò)，大家可以直接使用。2009-08-08