indexOf()与incldes()的异同 -- js随记

相同点： 

• 作用：

这两个方法都是为了判断一个字符串里有没有我们想要查找的对应的元素。

• 参数：

indexOf()和includes() 都有两个参数，第一个参数时我们要查找的元素值，第二个是开始查找的位置索引值，即从哪个位置开始查找， 若不传递第二个参数则默认从0开始查找；

不同点：

• 返回值不同：

incldes()返回一个布尔值；

indexOf()返回我们查找的这个元素在数组中第一次出现时所对应的索引值，若不存在则返回-1

• 对NaN的处理：

includes(NaN) 可以查找到数组中的NaN元素，若数组中含有NaN 则会返回true

indexOf(NaN) 不可以查找到数组中的NaN元素，哪怕数组中含有NaN 也会返回-1

• 对undefined的处理： （前提是定义了一个稀疏数组）

includes(undefined) 可以识别到稀疏数组中的undefined，返回true

indexOf(undefined) 不可以识别到稀疏数组中的undefined，返回-1

稀疏数组：

• 当一个数组中大部分元素为0，或者为同一值的数组时，可以使用稀疏数组来保存该数组。
• 稀疏数组的处理方式是:记录数组一共有几行几列，有多少个不同值；把具有不同值的元素和行列及值记录在一个小规模的数组中，从而缩小程序的规模

 字符串和数组中indexOf()的比较

当字符串在进行匹配时，会自动进行一个类型转换：

'12345'.indexOf(2);// 1

而数组在进行匹配时，会严格进行值与类型的三等号匹配：

['1','2','3','4','5'].indexOf(2);// -1

  字符串和数组中includes()的比较

当字符串在进行匹配时，会自动进行一个类型转换：

'12345'.indexOf(2);// true

而数组在进行匹配时，会严格进行值与类型的三等号匹配：

['1','2','3','4','5'].indexOf(2);// false

以上。