ES6中Array.includes()函數(shù)的用法
在ES5，Array已經(jīng)提供了indexOf用來查找某個(gè)元素的位置，如果不存在就返回-1，但是這個(gè)函數(shù)在判斷數(shù)組是否包含某個(gè)元素時(shí)有兩個(gè)小不足，第一個(gè)是它會返回-1和元素的位置來表示是否包含，在定位方面是沒問題，就是不夠語義化。另一個(gè)問題是不能判斷是否有NaN的元素。
const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log('%s', arr1.indexOf(NaN))
結(jié)果：
-1
ES6提供了Array.includes()函數(shù)判斷是否包含某一元素，除了不能定位外，解決了indexOf的上述的兩個(gè)問題。它直接返回true或者false表示是否包含元素，對NaN一樣能有有效。
const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log('%s', arr1.includes('c'))
console.log('%s', arr1.includes('z'))
console.log('%s', arr1.includes(NaN))
結(jié)果：
true
false
true
includes()函數(shù)的第二個(gè)參數(shù)表示判斷的起始位置。
const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log('%s', arr1.includes('d', 1))
console.log('%s', arr1.includes('d', 3))
console.log('%s', arr1.includes('d', 4))
結(jié)果：
true
true
false
第二個(gè)參數(shù)也可以是負(fù)數(shù)，表示從右數(shù)過來第幾個(gè)，但是不改變判斷搜索的方向，搜索方向還是從左到右。
console.log('%s', arr1.includes('k', -1))
console.log('%s', arr1.includes('k', -2))
console.log('%s', arr1.includes('i', -3))
結(jié)果：
false
true
false
總結(jié)
以上所述是小編給大家介紹的ES6中Array.includes()函數(shù)的用法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
- es6函數(shù)之箭頭函數(shù)用法實(shí)例詳解
- es6數(shù)組的flat()，flatMap()函數(shù)用法實(shí)例分析
- ES6學(xué)習(xí)筆記之字符串、數(shù)組、對象、函數(shù)新增知識點(diǎn)實(shí)例分析
- ES6知識點(diǎn)整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用示例
- ES6知識點(diǎn)整理之函數(shù)數(shù)組參數(shù)的默認(rèn)值及其解構(gòu)應(yīng)用示例
- JavaScript ES6箭頭函數(shù)使用指南
- ES6中Array.find()和findIndex()函數(shù)的用法詳解
- ES6函數(shù)實(shí)現(xiàn)排它兩種寫法解析
相關(guān)文章
undefined==null引發(fā)的兩者區(qū)別與聯(lián)系
undefined==null引發(fā)的兩者區(qū)別與聯(lián)系2007-12-12
基于Bootstrap實(shí)現(xiàn)的下拉菜單手機(jī)端不能選擇菜單項(xiàng)的原因附解決辦法
小編使用bootstrap做的下拉菜單在電腦瀏覽器中可以正常使用，在手機(jī)瀏覽器中能彈出下拉列表卻不能選擇列表中的菜單項(xiàng)，怎么回事，如何解決呢？下面小編給大家分享下具體原因及解決辦法，一起看下吧2016-07-07
JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建(2)
這篇文章主要介紹了JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建,上一篇我們介紹了什么是集合，并且手動(dòng)實(shí)現(xiàn)了一個(gè)集合的類,本篇基于上篇內(nèi)容繼續(xù)深入介紹需要的小伙伴可以參考一下2022-04-04
這篇文章主要為大家詳細(xì)介紹了js截取字符串功能的實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
JavaScript實(shí)現(xiàn)郵箱地址自動(dòng)匹配功能代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)E-mail郵箱地址自動(dòng)匹配功能代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
在網(wǎng)上看到幾個(gè)有意思的Javascript代碼，和大家分享一下。直接將代碼拷貝到IE中即可，注意代碼為一樣。不可分行2010-07-07
解決layui中table異步數(shù)據(jù)請求不支持自定義返回?cái)?shù)據(jù)格式的問題
今天小編就為大家分享一篇解決layui中table異步數(shù)據(jù)請求不支持自定義返回?cái)?shù)據(jù)格式的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
微信小程序wx.getImageInfo()如何獲取圖片信息
這篇文章主要為大家詳細(xì)介紹了微信小程序wx.getImageInfo()如何獲取圖片信息，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
本文主要介紹了使用webpack打包ts代碼的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
js斷點(diǎn)調(diào)試經(jīng)驗(yàn)分享
給大家詳細(xì)分析了一下JS斷電調(diào)試的心得和經(jīng)驗(yàn)，有需要的朋友參考一下吧。2017-12-12