欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ES6使用 Array.includes 處理多重條件用法實(shí)例分析

 更新時(shí)間：2020年03月02日 12:20:27   作者：葉落森  
這篇文章主要介紹了ES6使用 Array.includes 處理多重條件用法,結(jié)合實(shí)例形式分析了Array.includes基本功能、原理及處理多重條件相關(guān)操作技巧,需要的朋友可以參考下

本文實(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

感興趣的朋友可以使用在線(xiàn)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ì)有所幫助。

相關(guān)文章

最新評(píng)論