js 如何判断数组中是否包含NaN元素

const list = [-1, "A", NaN, 2];
1

错误写法一，使用isNaN()

list.findIndex((val) => isNaN(val)); //1
1

正确写法一 ,使用Number.isNaN()

ps：Number.isNaN()和isNaN() 的区别是什么 ？

list.findIndex((val) => Number.isNaN(val)); //2
list.some((val) => Number.isNaN(val)); //true
1
2

错误写法二，使用===

list.some((val) => val === NaN);//false
1

正确写法二 ,使用Object.is()

ps：Object.is()是什么？Object.is()和===的区别是什么？

list.some((val) => Object.is(val, NaN)); //true
1

错误写法三，使用indexOf()

list.indexOf(NaN);//false
1

正确写法三 ,使用includes()

ps：includes()和indexOf()都是判断是否包含某个字符串的，那这里使用和indexOf()是否也可以？

list.includes(NaN); //true
1

Number.isNaN()和isNaN()的区别

1. 在es6之前，我们经常用isNaN判断一个值是否为NaN
2. 但在ES6之后, Number 构造函数也添加了 isNaN 静态方法，它首先判断一个值是否是number类型，再判断该值是否为NaN;

isNaN("a"); //true
Number.isNaN("a"); //false

isNaN(undefined); //true
Number.isNaN(undefined); //false

isNaN(NaN); //true
Number.isNaN(NaN); //true
1
2
3
4
5
6
7
8

Object.is() 和 === 的区别

1. Object.is()用来比较两个值是否严格相等,和严格运算符(===)的功能基本一致
2. 例如：

Object.is("a", "a"); //true
"a" === "a"; //true
1 === "1"; //false
Object.is("1", 1); //false
1
2
3
4

3. 不同之处有两个

+0 === -0; //true
Object.is(+0, -0); //false

NaN === NaN; // false
Object.is(NaN, NaN); // true
1
2
3
4
5

includes()和indexOf()的区别

1. 字符串和数组都有includes和indexOf方法，且功能特性基本一致,都是用于判断字符串或者数组中是否存在某个值
2. includes，返回一个 布尔值，存在返回true，不存在则返回false;
3. indexOf，返回被查找值在数组中 第一次出现的位置下标，不存在则返回-1；
4. indexOf内部使用的严格相等(===)进行判断，所以判断是否存在NaN时返回-1
5. includes，则会调用Number.isNaN()判断是否存在NaN

const list = [-1, "A", NaN, 2];
list.indexOf(-1); // 0
list.includes(-1); // true

list.indexOf(NaN); // -1
list.includes(NaN); // true
1
2
3
4
5
6