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

ES6中Array.includes()函數(shù)的用法

 更新時(shí)間:2017年09月20日 11:56:05   作者:白色的海  
這篇文章主要介紹了ES6中Array.includes()函數(shù)的用法,需要的朋友可以參考下

在ES5,Array已經(jīng)提供了indexOf用來查找某個(gè)元素的位置,如果不存在就返回-1,但是這個(gè)函數(shù)在判斷數(shù)組是否包含某個(gè)元素時(shí)有兩個(gè)小不足,第一個(gè)是它會(huì)返回-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表示是否包含元素,對(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ù)過來第幾個(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ì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

  • JS塊級(jí)作用域和私有變量實(shí)例分析

    JS塊級(jí)作用域和私有變量實(shí)例分析

    這篇文章主要介紹了JS塊級(jí)作用域和私有變量,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript塊級(jí)作用域和私有變量相關(guān)概念、原理、操作技巧,需要的朋友可以參考下
    2019-05-05
  • JavaScript運(yùn)動(dòng)函數(shù)實(shí)例詳解

    JavaScript運(yùn)動(dòng)函數(shù)實(shí)例詳解

    這篇文章主要為大家詳細(xì)介紹了JavaScript的運(yùn)動(dòng)函數(shù),使用實(shí)例在論證,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-02-02
  • 動(dòng)態(tài)加載script文件的兩種方法

    動(dòng)態(tài)加載script文件的兩種方法

    第一種就是利用ajax方式,第二種是,動(dòng)態(tài)創(chuàng)建一個(gè)script標(biāo)簽,設(shè)置其src屬性,通過把script標(biāo)簽插入到頁(yè)面head來加載js,感興趣的朋友可以了解下
    2013-08-08
  • JavaScript關(guān)聯(lián)數(shù)組用法分析【概念、定義、遍歷】

    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
  • js圖片延遲技術(shù)一般的思路與示例

    js圖片延遲技術(shù)一般的思路與示例

    現(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è)面交互的方法分析

    這篇文章主要介紹了layui框架中l(wèi)ayer父子頁(yè)面交互的方法,結(jié)合實(shí)例形式分析了layer父子頁(yè)面交互的常用技巧以及l(fā)ayer彈出多個(gè)iframe找到父頁(yè)面的操作方法,需要的朋友可以參考下
    2017-11-11
  • javascript操作數(shù)組詳解

    javascript操作數(shù)組詳解

    這篇文章主要詳細(xì)介紹了javascript操作數(shù)組的方法以及示例,需要的朋友可以參考下
    2014-12-12
  • javascript設(shè)計(jì)模式之迭代器模式

    javascript設(shè)計(jì)模式之迭代器模式

    這篇文章主要為大家詳細(xì)介紹了javascript設(shè)計(jì)模式之迭代器模式,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • js實(shí)現(xiàn)圖片360度旋轉(zhuǎn)

    js實(shí)現(xiàn)圖片360度旋轉(zhuǎn)

    本文主要介紹了js實(shí)現(xiàn)圖片360度旋轉(zhuǎn)的思路與方法。具有很好的參考價(jià)值,下面跟著小編一起來看下吧
    2017-01-01
  • Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式

    Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式

    JavaScript 可用來在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。接下來通過本文給大家介紹Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式,對(duì)js表單驗(yàn)證正則表達(dá)式相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
    2016-03-03

最新評(píng)論