成都网站建设设计

将想法与焦点和您一起共享

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

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

成都创新互联网站建设公司,提供成都做网站、网站设计,网页设计,建网站,PHP网站建设等专业做网站服务;可快速的进行网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,是专业的做网站团队,希望更多企业前来合作!

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

网页标题:用includes方法替代`indexOf != -1`
文章来源:http://chengdu.cdxwcx.cn/article/dsojgge.html