好用的ES6方法

lifesimple 發(fā)布于2019-08-26 12:09 / 2348人閱讀

摘要：另一個(gè)問題是不能判斷是否有的元素。結(jié)果函數(shù)的第二個(gè)參數(shù)表示判斷的起始位置。結(jié)果第二個(gè)參數(shù)也可以是負(fù)數(shù)，表示從右數(shù)過來第幾個(gè)，但是不改變判斷搜索的方向，搜索方向還是從左到右。

一、ES6，Array.includes()函數(shù)的用法

斜體文字在ES5，Array已經(jīng)提供了indexOf用來查找某個(gè)元素的位置，如果不存在就返回-1，但是這個(gè)函數(shù)在判斷數(shù)組是否包含某個(gè)元素時(shí)有兩個(gè)小不足，第一個(gè)是它會(huì)返回-1和元素的位置來表示是否包含，在定位方面是沒問題，就是不夠語(yǔ)義化。另一個(gè)問題是不能判斷是否有NaN的元素。

     *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(arr1.includes("f"))
    console.log(arr1.includes(NaN))
    
    結(jié)果：
    
    true
    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

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/108105.html

相關(guān)文章

好用的ES6方法

摘要：另一個(gè)問題是不能判斷是否有的元素。結(jié)果函數(shù)的第二個(gè)參數(shù)表示判斷的起始位置。結(jié)果第二個(gè)參數(shù)也可以是負(fù)數(shù)，表示從右數(shù)過來第幾個(gè)，但是不改變判斷搜索的方向，搜索方向還是從左到右。一、ES6，Array.includes()函數(shù)的用法斜體文字在ES5，Array已經(jīng)提供了indexOf用來查找某個(gè)元素的位置，如果不存在就返回-1，但是這個(gè)函數(shù)在判斷數(shù)組是否包含某個(gè)元素時(shí)有兩個(gè)小不足，第一...

xiaokai 2019-08-29 16:07 評(píng)論0 收藏0
好用的ES6方法

摘要：另一個(gè)問題是不能判斷是否有的元素。結(jié)果函數(shù)的第二個(gè)參數(shù)表示判斷的起始位置。結(jié)果第二個(gè)參數(shù)也可以是負(fù)數(shù)，表示從右數(shù)過來第幾個(gè)，但是不改變判斷搜索的方向，搜索方向還是從左到右。一、ES6，Array.includes()函數(shù)的用法斜體文字在ES5，Array已經(jīng)提供了indexOf用來查找某個(gè)元素的位置，如果不存在就返回-1，但是這個(gè)函數(shù)在判斷數(shù)組是否包含某個(gè)元素時(shí)有兩個(gè)小不足，第一...

Jaden 2019-08-02 11:01 評(píng)論0 收藏0
ES6+好用的小技巧，讓你的代碼更干凈，短巧，易讀

摘要：模板字符串?dāng)U展操作符操作符，有兩個(gè)主要用處復(fù)制一個(gè)新的數(shù)組或?qū)ο蟀讯鄠€(gè)參數(shù)賦值給一個(gè)數(shù)組變量把一個(gè)數(shù)組變量賦值給多個(gè)參數(shù)是一個(gè)新的數(shù)組，內(nèi)容和一樣合并對(duì)象屬性，后邊的屬性會(huì)覆蓋前邊的，可用于修改對(duì)象的某個(gè)屬性值輸出默認(rèn)參數(shù)給方法添加默認(rèn)參模板字符串 let name = siri, age = 18, job = front-end engineer let oldStr = Hi,...

sanyang 2019-08-23 15:07 評(píng)論0 收藏0
「前端面試題系列5」ES6 中箭頭函數(shù)的用法

摘要：在這里，如果用箭頭函數(shù)，可以這樣改寫箭頭函數(shù)并沒有自己的，所以事件處理函數(shù)的調(diào)用者并不受影響。比如，在需要?jiǎng)討B(tài)上下文的場(chǎng)景中，使用箭頭函數(shù)需要格外地小心，這些場(chǎng)景包括對(duì)象的方法原型方法事件的回調(diào)構(gòu)造函數(shù)。 showImg(https://segmentfault.com/img/bVboce6?w=1304&h=734); 前言年味兒漸散，收拾下心情，繼續(xù)敲代碼吧。對(duì)于即將到來金三...

betacat 2019-08-23 15:08 評(píng)論0 收藏0
經(jīng)驗(yàn)拾憶（純手工）=> Python好用深度技能工具介紹

摘要：?jiǎn)卧卦孢@是整數(shù)這才是元祖也許這兩行，你們當(dāng)時(shí)疑惑過，并且現(xiàn)在也都知道了，當(dāng)然重點(diǎn)并不在這里。。雖然我水平很垃圾，但是我知道匿名函數(shù)有一種執(zhí)行方式叫做自執(zhí)行。看吧，這就是版的匿名函數(shù)自執(zhí)行方法。單元素元祖： a = (1) # 這是整數(shù)1 a = (1,) # 這才是元祖也許這兩行，你們當(dāng)時(shí)疑惑過，并且現(xiàn)在也都知道了，當(dāng)然重點(diǎn)并不在這里。。我無聊的時(shí)候想過，為什么單...

UnixAgain 2019-07-31 10:29 評(píng)論0 收藏0