正文

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

IP云
IP云V管理员/1 阅读
11/12
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

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