判断NaN

版权声明:虽然我很善良,但是原创文章还是问问我再转载哦<( ̄︶ ̄)> https://blog.csdn.net/Vivian_jay/article/details/76449148

好久没有写js了,今天遇到一道数组去重的题目,在判断NaN的地方栽了跟头。题目要求NaN去重,空对象保留。
原数组:[false, true, undefined, null, NaN, 0, 1, {}, {}, ‘a’, ‘a’, NaN]
去重后:[false, true, undefined, null, NaN, 0, 1, {}, {}, ‘a’]
下面是我的源码:

Array.prototype.uniq = function () {
    var result = []
    var hasNaN = false

    for(var i = 0; i < this.length; i++ ){
        var elem = this[i]

        if(result.indexOf(elem) == -1){
            if(elem !== elem){
                if(!hasNaN){
                    result.push(elem)
                    hasNaN = true
                }
            }else{
                result.push(elem)
            }
        }
    }

    return result
}

1. 在indexOf判断中,NaN和空对象{}均返回-1,因此要判断NaN实现对其去重。

2.判断NaN的几种方法

在JavaScript中,有6个假值,分别为:false,0,null,“”,undefined,NaN。
其中前五个的判断都十分简单,直接使用严格相等“===”判断即可,但NaN的特殊性在于它不等于自身,So…

(1) isNaN()方法

我一开始就是使用的这个方法,得到的结果是这样:[false, true, undefined, null, 0, 1]
问题就在于这个函数总会隐式的将参数中的值转换成数字再做判断,这样就在判断很多明显不是NaN的值的时候也返回了true,比如:

isNaN

有一个方法提出在使用isNaN()函数前判断其是不是数值类型,以此来避免隐式转换,即
typeof(a) === 'number' && isNaN(a)
但这样稍显狭隘,因此我们可以使用后面讨论的第二种方法。

(2)严格不等!==

由于NaN不等于自身,使用严格相等时总是返回false,无法使用诸如
a === NaN
这样的代码进行条件判断,但换个角度想,正是由于它是唯一一个有此特性的值,因此我们可以使用严格不等来判断:
a !== a
一旦以上条件判断为真,那么a一定是NaN。搞定<(▰˘◡˘▰)

猜你喜欢

转载自blog.csdn.net/Vivian_jay/article/details/76449148
NaN