JS判断元素为数字的奇异写法分享

underscore源码中的数字判断逻辑

本文源自阅读underscore（1.3.3）库源码时的发现，主要关注其each方法的实现细节。

 
var each = _.each = _.forEach = function(obj, iterator, context) {
if (obj == null) return;
if (nativeForEach && obj.forEach === nativeForEach) {
obj.forEach(iterator, context);
} else if (obj.length === +obj.length) {
for (var i = 0, l = obj.length; i < l; i++) {
if (iterator.call(context, obj[i], i, obj) === breaker) return;
} 
} else {
for (var key in obj) {
if (_.has(obj, key)) {
if (iterator.call(context, obj[key], key, obj) === breaker) return;
} 
} 
} 
}; 

奇异写法a===+a的原理与等价转换

在该方法中，存在一句关键的判断逻辑。

if (obj.length === +obj.length)

起初难以理解，后经专业人士解析，此句逻辑等价于以下判断：

if (typeof obj.length === 'number')

这实际上用于判断obj.length是否为数字类型。通常我们使用typeof或Object.prototype.toString进行类型检查，但这种利用一元加号转换的写法较为罕见，不易被常规开发者理解。

类型判断方法的对比与性能分析

许多前端库提供了类型判断的工具函数，例如：

 
function isNumber1(a){
return typeof a === 'number'
} 

另一种常见做法是使用Object.prototype.toString。

 
function isNumber2(a) {
return Object.prototype.toString.call(a) === '[object Number]'
} 

若将其改写为上述奇异写法，则表现为：

 
function isNumber3(a){
return a === +a
} 

使用多种数据类型进行测试。

 
var arr = ['1', true, false, undefined, null, {}, [], 1]
for (var i=0; i<arr.length; i++) {
console.log(isNumber3(arr[i]))
} 

测试结果仅数组最后一项返回true，即只有数字类型满足 a === +a 为真。

之所以不首选typeof，是因为字符串比较理论上需要遍历所有字符，性能与字符串长度成正比，而数值比较效率更高。