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

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

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

在ES5，Array已經提供了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))

結果：

-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))

結果：

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))

結果：

true
true
false

第二個參數(shù)也可以是負數(shù)，表示從右數(shù)過來第幾個，但是不改變判斷搜索的方向，搜索方向還是從左到右。

console.log('%s', arr1.includes('k', -1))
console.log('%s', arr1.includes('k', -2))
console.log('%s', arr1.includes('i', -3))

結果：

false
true
false

總結

以上所述是小編給大家介紹的ES6中Array.includes()函數(shù)的用法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

相關文章

  • JS塊級作用域和私有變量實例分析

    JS塊級作用域和私有變量實例分析

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

    JavaScript運動函數(shù)實例詳解

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

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

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

    JavaScript關聯(lián)數(shù)組用法分析【概念、定義、遍歷】

    這篇文章主要介紹了JavaScript關聯(lián)數(shù)組用法,結合實例形式分析了關聯(lián)數(shù)組的概念、定義與遍歷操作相關實現(xiàn)技巧,需要的朋友可以參考下
    2017-03-03
  • js圖片延遲技術一般的思路與示例

    js圖片延遲技術一般的思路與示例

    現(xiàn)將img元素對應的src路徑設置為背景圖片，而該img所對應的url路徑存放在一個自設的屬性中
    2014-03-03
  • layui框架中l(wèi)ayer父子頁面交互的方法分析

    layui框架中l(wèi)ayer父子頁面交互的方法分析

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

    javascript操作數(shù)組詳解

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

    javascript設計模式之迭代器模式

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

    js實現(xiàn)圖片360度旋轉

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

    Javascript的表單驗證-初識正則表達式

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

最新評論