用includes方法替代`indexOf != -1`

includes() 方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回 false
indexOf() 方法可返回某个制定的字符串值在字符串中首次出现的位置

indexOf的一些缺点

  1. 语义化问题,其返回值需要和 -1 比较,第一次使用无法直观理解。
  2. 内部使用严格运算符 即 三等 === ,会导致对NaN的误判。
[NaN].indexOf(NaN)
// 返回值 -1
 
[NaN].includes(NaN)
// 返回值 true

indexOf()与includes()的区别

  1. 输入参数相同,且索引都可以为负值。
  2. 返回值类型不同
    indexOf()返回索引值,用于判断某一个元素在数组或字符串中首次出现的位置
    includes()返回布尔值,用于判断数组或者字符串中是否包含某一元素
    3.对 NaN 处理:indexOf()不能判断是否有NaN,而includes()可以判断。
let arr = [NaN]

log( arr.indexOf(NaN) ) // -1
log( arr.includes(NaN) ) // true

4.对空值处理:includes()将空值判断为 undefined。

let arr = [ , , ]

log( arr.indexOf(undefined) ) // -1
log( arr.includes(undefined) ) // true
posted @   爱吃芒果的橙  阅读(265)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示