javascript 데이터 형식 검증 방법

6509 단어
최근 자바 script 데이터 형식 에 대한 검증 에 새로운 인식 이 생 겼 습 니 다. 이렇게 간단 하고 전면적으로 판단 할 수 있 었 군요.isString, isNumber, isDate, isError, isRegExp, isBoolean, isNull, isUndefined, isObject 등 방법 을 사용자 정의 하 였 습 니 다.현재 자신 이 정의 한 javascript 데이터 형식 검증 함수 및 테스트 집합 을 보 여 줍 니 다:

 
 
   
     
     
   
   
     
   
<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> 
 </code></pre> 
 </div> 
 <p>        javascript             ,        ,            ,         <br/> <span style="color: #800000"><strong>1、         <br/> </strong></span>    :<br/> </p> 
 <div class="jb51code"> 
  <pre><code>
<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>
</code></pre> 
 </div> 
 <p><span style="color: #800000"><strong>2           </strong></span><br/>     :<br/> </p> 
 <div class="jb51code"> 
  <pre><code>
<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>
</code></pre> 
 </div> 
 <p><span style="color: #800000"><strong>3          </strong></span><br/>     :<br/> </p> 
 <div class="jb51code"> 
  <pre><code>
<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>
</code></pre> 
 </div> 
 <p><span style="color: #800000"><strong>4          </strong></span><br/>     :<br/> </p> 
 <div class="jb51code"> 
  <pre><code>
<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>
</code></pre> 
 </div> 
 <p><span style="color: #800000"><strong>5        <br/> </strong></span>    :<br/> </p> 
 <div class="jb51code"> 
  <pre><code>
<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>
</code></pre> 
 </div> 
 <p><span style="color: #800000"><strong>6        <br/> </strong></span>    :<br/> </p> 
 <div class="jb51code"> 
  <pre><code>
<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>
</code></pre> 
 </div> 
 <p>           javascript        。</p> 
 <div class="clearfix"> 
  <span id="art_bot" class="jbTestPos"/> 
 </div> 
</div>
                            </div>
                        </div>

좋은 웹페이지 즐겨찾기