JavaScriptの数値の自己平等

Question

私は最近、次のコードに出くわした：

function baseClamp(number, lower, upper) { 
    if (number === number) { 
    if (upper !== undefined) { 
     number = number <= upper ? number : upper; 
    } 
    if (lower !== undefined) { 
     number = number >= lower ? number : lower; 
    } 
    } 
    return number; 
} 

条件を関数の先頭には、興味深いものです。

if (number === number) { 

私はChromeで次のようにテストした：

var number = undefined; 
number === number 
true 
number = null 
number === number 
true 
number = NaN 
number === number 
false 

number === numberは単にNaNのために確認するか、そこにもっとあるでしょうか？

Answer 1

NaNは、ECMAscriptで唯一の値であり、それ自体は同じではありません。

この機能はMath.min(Math.max(number, lower), upper)に相当し、同じように動作するようです。 numberがNaNの場合、処理はスキップされます。

function baseClamp(number, lower, upper) { 
 
    if (number === number) { 
 
    if (upper !== undefined) { 
 
     number = number <= upper ? number : upper; 
 
    } 
 
    if (lower !== undefined) { 
 
     number = number >= lower ? number : lower; 
 
    } 
 
    } 
 
    return number; 
 
} 
 

 
function mathClamp(number, lower, upper) { 
 
    return Math.min(Math.max(number, lower), upper); 
 
} 
 

 
console.log([-10, 0, 10, NaN].map(it => [baseClamp(it, 0, 10), mathClamp(it, 0, 10)]));

Answer 2

number === numbernumberがNaNない場合は、単純にチェックします。 NaNはそれ自身と等しくない唯一の値です。現代のブラウザでは!Number.isNaN(number)（MDN docs参照）で置き換えることができます。