ES6使用 Array.includes 處理多重條件用法例項分析
阿新 • • 發佈:2020-03-03
本文例項講述了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','c']; arr.includes('a',-100); // true arr.includes('b',-100); // true arr.includes('c',-100); // true
感興趣的朋友可以使用線上HTML/CSS/JavaScript程式碼執行工具:http://tools.jb51.net/code/HtmlJsRun測試上述程式碼執行效果。
更多關於JavaScript相關內容可檢視本站專題:《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查詢演算法技巧總結》、《JavaScript資料結構與演算法技巧總結》、《JavaScript遍歷演算法與技巧總結》及《JavaScript錯誤與除錯技巧總結》
希望本文所述對大家JavaScript程式設計有所幫助。