JS判断元素为数字的奇异写法分享
更新时间：2012年08月01日 22:31:39 作者：
JS判断元素为数字的奇异写法分享，需要的朋友可以参考下
这是在阅读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;
}
}
}
};
该方法里有一句
看半天没明白，后经高人指点，这句等价于
即是用来判断元素是否为数字类型的。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，因为字符串比较理论上是需要遍历所有字符的，性能和字符串长度成正比。
复制代码 代码如下:
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;
}
}
}
};
该方法里有一句
复制代码 代码如下:
if (obj.length === +obj.length)
看半天没明白，后经高人指点，这句等价于
复制代码 代码如下:
if (typeof obj.length === 'number')
即是用来判断元素是否为数字类型的。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，因为字符串比较理论上是需要遍历所有字符的，性能和字符串长度成正比。
相关文章
本文给大家简单介绍了在一个项目中涉及到的javascript使用闭包模拟对象的私有属性和方法，这里记录下来，分享给大家。2016-10-10
这篇文章主要介绍了两种JS实现屏蔽鼠标右键的方法，浏览者在访问你网页的时候就不能点击右键，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
ECMAScript 6离我们越来越近了，作为它最重要的方言，Javascript也即将迎来语法上的重大变革，InfoQ特开设“深入浅出ES6”专栏，来看一下ES6将给我们带来哪些新内容2016-03-03
最近发现一个问题，echarts图初始化后不能自适应浏览器的缩放，所以下面这篇文章就来给大家介绍了关于echarts图表自适应问题的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。2017-11-11
式化数字保留两位小数点实现的方法有很多，在接下来的文章中将为大家详细介绍下如何使用js来实现2013-10-10
这篇文章主要帮助大家拥有一个属于自己的javascript表单验证插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要介绍了js 针对html DOM元素操作等经验累积,需要的朋友可以参考下2014-03-03
这篇文章主要为大家详细介绍了js+html实现周岁年龄计算器的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
这篇文章主要介绍了CocosCreator制作射击游戏，各个方面都讲的比较详细，希望同学们自己动手试一下2021-04-04
easyui form validate总是返回false的原因及解决方法
下面小编就为大家带来一篇easyui form validate总是返回false的原因及解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
最新评论