ES6中Array.includes()函數(shù)的用法
在ES5，Array已經(jīng)提供了indexOf用來(lái)查找某個(gè)元素的位置，如果不存在就返回-1，但是這個(gè)函數(shù)在判斷數(shù)組是否包含某個(gè)元素時(shí)有兩個(gè)小不足，第一個(gè)是它會(huì)返回-1和元素的位置來(lái)表示是否包含，在定位方面是沒(méi)問(wèn)題，就是不夠語(yǔ)義化。另一個(gè)問(wèn)題是不能判斷是否有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è)問(wèn)題。它直接返回true或者false表示是否包含元素，對(duì)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ù)過(guò)來(lái)第幾個(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ù)的用法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- es6函數(shù)之箭頭函數(shù)用法實(shí)例詳解
- es6數(shù)組的flat()，flatMap()函數(shù)用法實(shí)例分析
- ES6學(xué)習(xí)筆記之字符串、數(shù)組、對(duì)象、函數(shù)新增知識(shí)點(diǎn)實(shí)例分析
- ES6知識(shí)點(diǎn)整理之函數(shù)對(duì)象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用示例
- ES6知識(shí)點(diǎn)整理之函數(shù)數(shù)組參數(shù)的默認(rèn)值及其解構(gòu)應(yīng)用示例
- JavaScript ES6箭頭函數(shù)使用指南
- ES6中Array.find()和findIndex()函數(shù)的用法詳解
- ES6函數(shù)實(shí)現(xiàn)排它兩種寫(xiě)法解析
相關(guān)文章
這篇文章主要介紹了JS塊級(jí)作用域和私有變量,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript塊級(jí)作用域和私有變量相關(guān)概念、原理、操作技巧,需要的朋友可以參考下2019-05-05
JavaScript運(yùn)動(dòng)函數(shù)實(shí)例詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript的運(yùn)動(dòng)函數(shù)，使用實(shí)例在論證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
第一種就是利用ajax方式，第二種是，動(dòng)態(tài)創(chuàng)建一個(gè)script標(biāo)簽，設(shè)置其src屬性，通過(guò)把script標(biāo)簽插入到頁(yè)面head來(lái)加載js，感興趣的朋友可以了解下2013-08-08
JavaScript關(guān)聯(lián)數(shù)組用法分析【概念、定義、遍歷】
這篇文章主要介紹了JavaScript關(guān)聯(lián)數(shù)組用法,結(jié)合實(shí)例形式分析了關(guān)聯(lián)數(shù)組的概念、定義與遍歷操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03
現(xiàn)將img元素對(duì)應(yīng)的src路徑設(shè)置為背景圖片，而該img所對(duì)應(yīng)的url路徑存放在一個(gè)自設(shè)的屬性中2014-03-03
layui框架中l(wèi)ayer父子頁(yè)面交互的方法分析
這篇文章主要介紹了layui框架中l(wèi)ayer父子頁(yè)面交互的方法,結(jié)合實(shí)例形式分析了layer父子頁(yè)面交互的常用技巧以及l(fā)ayer彈出多個(gè)iframe找到父頁(yè)面的操作方法,需要的朋友可以參考下2017-11-11
這篇文章主要詳細(xì)介紹了javascript操作數(shù)組的方法以及示例,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細(xì)介紹了javascript設(shè)計(jì)模式之迭代器模式，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
js實(shí)現(xiàn)圖片360度旋轉(zhuǎn)
本文主要介紹了js實(shí)現(xiàn)圖片360度旋轉(zhuǎn)的思路與方法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式
JavaScript 可用來(lái)在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。接下來(lái)通過(guò)本文給大家介紹Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式，對(duì)js表單驗(yàn)證正則表達(dá)式相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-03-03