javascript数据类型验证方法
更新时间：2015年12月31日 11:19:54 作者：布瑞泽的童话
这篇文章主要为大家分享了一个简单的javascript数据类型验证方法，感兴趣的小伙伴们可以参考一下
最近对javascript数据类型的验证又有了一个新的认识，原来可以判断得这么简单又如此全面。
我们自定义了isString,isNumber ,isDate ,isError ,isRegExp ,isBoolean ,isNull ,isUndefined ,isObject等方法。现在将自己定义的javascript数据类型验证函数及测试集展示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
//isString
//isNumber
//isDate
//isError
//isRegExp
//直接利用和数据类型来判断
[].forEach.call(['String','Number','Date','Error','RegExp'],function(name){
this['is'+name]=function(obj){
return toString.call(obj)==='[object '+name+']';
};
});
//isBoolean
//true和false需要考虑在内
Object.prototype.isBoolean=function(obj){
return obj===true||obj===false||toString.call(obj)==='[object Boolean]';
};
//isNull
//未找到所指向对象
Object.prototype.isNull=function(obj){
return obj===null;
};
//isUndefined
//定义了但是未赋值
Object.prototype.isUndefined=function(obj){
return obj===void 0;
};
//isObject
//函数和数组都是对象
Object.prototype.isObject=function(obj){
var type = typeof obj;
return type === 'function' || type === 'object' && !!obj;
};
//test
//isString
var str="iamstring";
var a=isString(str);
console.log(a);//true
//isNumber
var b=isNumber(a);
console.log(b);//false
//isNumber
var num=4;
var c=isNumber(num);
console.log(c);//true
//isRegExp
var reg=/^[1-9]/;
var d=isRegExp(reg);
console.log(d);//true
//isDate
var date=new Date();
var e=isDate(date);
console.log(e);//true
//isBoolean
var bool=false;
var f=isBoolean(bool);
console.log(f);//true
//isNull
var nul=document.getElementById("div02");
var g=isNull(nul);
console.log(g);//true
//isUndefined
var undef;
var h=isUndefined(undef);
console.log(h);//true
//isObject
var obj={"1":"1","2":"2"};
var i=isObject(obj);
console.log(i);//true
</script>
</html>
以下主要是对判断javascript的数据类型进行了详细的介绍，分为六种数据类型，需要的朋友可以过来参考下，希望对大家有所帮助
1、判断是否为数组类型
代码如下:
<STRONG><script type="text/javascript">
//<![CDATA[
var a=[0];
document.write(isArray(a),'<br/>');
function isArray(obj){
return (typeof obj=='object')&&obj.constructor==Array;
}
//]]>
</script></STRONG>
2 判断是否为字符串类型
代码如下:
<script type="text/javascript">
//<![CDATA[
document.write(isString('test'),'<br/>');
document.write(isString(10),'<br/>');
function isString(str){
return (typeof str=='string')&&str.constructor==String;
}
//]]>
</script>
3 判断是否为数值类型
代码如下:
<script type="text/javascript">
//<![CDATA[
document.write(isNumber('test'),'<br/>');
document.write(isNumber(10),'<br/>');
function isNumber(obj){
return (typeof obj=='number')&&obj.constructor==Number;
}
//]]>
</script>
4 判断是否为日期类型
代码如下:
<script type="text/javascript">
//<![CDATA[
document.write(isDate(new Date()),'<br/>');
document.write(isDate(10),'<br/>');
function isDate(obj){
return (typeof obj=='object')&&obj.constructor==Date;
}
//]]>
</script>
5 判断是否为函数
代码如下:
<script type="text/javascript">
//<![CDATA[
document.write(isFunction(function test(){}),'<br/>');
document.write(isFunction(10),'<br/>');
function isFunction(obj){
return (typeof obj=='function')&&obj.constructor==Function;
}
//]]>
</script>
6 判断是否为对象
代码如下:
<script type="text/javascript">
linenum
//<![CDATA[
document.write(isObject(new Object()),'<br/>');
document.write(isObject(10),'<br/>');
function isObject(obj){
return (typeof obj=='object')&&obj.constructor==Object;
}
//]]>
</script>
希望本文所述对大家学习javascript程序设计有所帮助。
相关文章
本篇文章主要介绍了webpack处理 css\less\sass 样式的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
本文通过断点续传的简单例子（前端文件提交+后端PHP文件接收），本文以图片为实例给大家介绍的非常详细，具有一定的参考借鉴价值，感兴趣的朋友一起看看吧2016-11-11
这篇文章主要介绍了JavaScript实现简易加法计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
这篇文章主要为大家详细介绍了微信小程序加载更多,点击查看更多功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
uni-app中onBackPress()监听页面返回(更新数据)
这篇文章主要给大家介绍了关于uni-app中onBackPress()监听页面返回(更新数据)的相关资料,在UniApp中,可以通过监听页面刷新的生命周期函数来监听页面的返回,然后重新调用接口进行刷新,需要的朋友可以参考下2023-10-10
本文给大家分享使用BootStrap实现标签切换原理解析及核心代码，需要的朋友参考下2017-03-03
什么是函数式编程？根据百度百科的描述，“函数式编程是种编程典范，它将电脑运算视为函数的计算。函数编程语言最重要的基础是 λ 演算（lambda calculus）。而且λ演算的函数可以接受函数当作输入（参数）和输出（返回值）。”2015-10-10
本篇文章主要介绍了Bootstrap实现各种进度条样式详解 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要为大家详细介绍了Exif.js图片旋转修正的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
这篇文章主要为大家详细介绍了微信小程序实现搜索功能并跳转搜索结果页面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
最新评论