ES6中Array.includes()函數(shù)的用法
更新時間：2017年09月20日 11:56:05 作者：白色的海
這篇文章主要介紹了ES6中Array.includes()函數(shù)的用法,需要的朋友可以參考下
在ES5，Array已經(jīng)提供了indexOf用來查找某個元素的位置，如果不存在就返回-1，但是這個函數(shù)在判斷數(shù)組是否包含某個元素時有兩個小不足，第一個是它會返回-1和元素的位置來表示是否包含，在定位方面是沒問題，就是不夠語義化。另一個問題是不能判斷是否有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的上述的兩個問題。它直接返回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ù)的第二個參數(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
第二個參數(shù)也可以是負(fù)數(shù)，表示從右數(shù)過來第幾個，但是不改變判斷搜索的方向，搜索方向還是從左到右。
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ù)的用法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(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)文章
這篇文章主要介紹了JS塊級作用域和私有變量,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript塊級作用域和私有變量相關(guān)概念、原理、操作技巧,需要的朋友可以參考下2019-05-05
JavaScript運(yùn)動函數(shù)實(shí)例詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript的運(yùn)動函數(shù)，使用實(shí)例在論證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
第一種就是利用ajax方式，第二種是，動態(tài)創(chuàng)建一個script標(biāo)簽，設(shè)置其src屬性，通過把script標(biāo)簽插入到頁面head來加載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元素對應(yīng)的src路徑設(shè)置為背景圖片，而該img所對應(yīng)的url路徑存放在一個自設(shè)的屬性中2014-03-03
這篇文章主要介紹了layui框架中l(wèi)ayer父子頁面交互的方法,結(jié)合實(shí)例形式分析了layer父子頁面交互的常用技巧以及l(fā)ayer彈出多個iframe找到父頁面的操作方法,需要的朋友可以參考下2017-11-11
這篇文章主要詳細(xì)介紹了javascript操作數(shù)組的方法以及示例,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細(xì)介紹了javascript設(shè)計模式之迭代器模式，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
js實(shí)現(xiàn)圖片360度旋轉(zhuǎn)
本文主要介紹了js實(shí)現(xiàn)圖片360度旋轉(zhuǎn)的思路與方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
JavaScript 可用來在數(shù)據(jù)被送往服務(wù)器前對 HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗證。接下來通過本文給大家介紹Javascript的表單驗證-初識正則表達(dá)式，對js表單驗證正則表達(dá)式相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-03-03