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

  • 用includes方法替代`indexOf != -1`已关闭评论
  • 167 次浏览
  • A+
所属分类:Web前端
摘要

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


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