首頁 > web前端 > js教程 > es6怎麼判斷陣列是否含有某個子元素

es6怎麼判斷陣列是否含有某個子元素

青灯夜游
發布: 2022-03-09 18:29:03
原創
5144 人瀏覽過

方法:1、使用indexOf()函數,語法“數組物件.indexOf(值)”,如果返回元素位置則含有,如果返回“-1”則不含有;2、使用includes()函數,語法“數組物件.includes(值)”,傳回true則含有,反之則不含。

es6怎麼判斷陣列是否含有某個子元素

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

es6判斷陣列是否含有某個子元素

#方法1:使用indexOf()函數

indexOf用來找出某個元素的位置,如果不存在就回傳-1。

const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log(arr.indexOf('c'))
console.log(arr.indexOf('z'))
登入後複製

es6怎麼判斷陣列是否含有某個子元素

註:indexOf()函數在判斷陣列是否包含某個元素時有兩個小不足

  • ##第一個是它會回傳-1和元素的位置來表示是否包含,在定位上是沒問題,就是不夠語意化。

  • 另一個問題是不能判斷是否有NaN的元素。

  • const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
    console.log(arr.indexOf(NaN))
    登入後複製

es6怎麼判斷陣列是否含有某個子元素

方法2:使用includes()函數

includes()函數可以用來偵測數組中是否包含某個值

includes()函數除了不能定位外,解決了indexOf的上述的兩個問題。它直接回傳true或false表示是否包含元素,對NaN一樣能有有效。

const arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log(arr.includes('c'))
console.log(arr.includes('z'))
console.log(arr.includes(NaN))
登入後複製

es6怎麼判斷陣列是否含有某個子元素

【相關推薦:

javascript影片教學web前端

以上是es6怎麼判斷陣列是否含有某個子元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板