javascript數(shù)據(jù)類型驗證方法
最近對javascript數(shù)據(jù)類型的驗證又有了一個新的認(rèn)識,原來可以判斷得這么簡單又如此全面。
我們自定義了isString,isNumber ,isDate ,isError ,isRegExp ,isBoolean ,isNull ,isUndefined ,isObject等方法?,F(xiàn)在將自己定義的javascript數(shù)據(jù)類型驗證函數(shù)及測試集展示:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> //isString //isNumber //isDate //isError //isRegExp //直接利用和數(shù)據(jù)類型來判斷 [].forEach.call(['String','Number','Date','Error','RegExp'],function(name){ this['is'+name]=function(obj){ return toString.call(obj)==='[object '+name+']'; }; }); //isBoolean //true和false需要考慮在內(nèi) Object.prototype.isBoolean=function(obj){ return obj===true||obj===false||toString.call(obj)==='[object Boolean]'; }; //isNull //未找到所指向?qū)ο? Object.prototype.isNull=function(obj){ return obj===null; }; //isUndefined //定義了但是未賦值 Object.prototype.isUndefined=function(obj){ return obj===void 0; }; //isObject //函數(shù)和數(shù)組都是對象 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的數(shù)據(jù)類型進(jìn)行了詳細(xì)的介紹,分為六種數(shù)據(jù)類型,需要的朋友可以過來參考下,希望對大家有所幫助
1、判斷是否為數(shù)組類型
代碼如下:
<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 判斷是否為數(shù)值類型
代碼如下:
<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 判斷是否為函數(shù)
代碼如下:
<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>
希望本文所述對大家學(xué)習(xí)javascript程序設(shè)計有所幫助。
相關(guān)文章
sessionStorage存儲時多窗口之前能否進(jìn)行狀態(tài)共享解析
這篇文章主要為大家介紹了sessionStorage存儲時多窗口之前能否進(jìn)行狀態(tài)共享解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02Javascript中setTimeOut和setInterval的定時器用法
這篇文章主要介紹了Javascript中setTimeOut和setInterval的定時器用法的相關(guān)資料,需要的朋友可以參考下2015-06-06