JavaScript 데이터 유형 확인 방법_javascript 기술-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

JavaScript 데이터 유형 확인 방법_javascript 기술

May 16, 2016 pm 03:22 PM

javascript 데이터 유형 확인하다

최근 JavaScript 데이터 유형의 검증에 대해 새로운 이해를 얻었습니다. 매우 간단하고 포괄적으로 판단할 수 있다는 사실이 밝혀졌습니다.
isString, isNumber, isDate, isError, isRegExp, isBoolean, isNull, isUndefine, isObject 및 기타 메소드를 사용자 정의했습니다. 이제 정의한 자바스크립트 데이터 유형 확인 기능과 테스트 세트를 보여주세요.

&lt;!DOCTYPE html&gt; 
&lt;html&gt; 
  &lt;head&gt; 
    &lt;meta charset="utf-8"&gt; 
    &lt;title&gt;&lt;/title&gt; 
  &lt;/head&gt; 
  &lt;body&gt; 
     
  &lt;/body&gt; 
&lt;script type="text/javascript"&gt; 
//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 
 
&lt;/script&gt; 
&lt;/html&gt;

로그인 후 복사

다음은 자바스크립트의 데이터 유형을 판단하는 방법을 6가지 데이터 유형으로 나누어 자세히 소개한 내용입니다. 도움이 필요한 친구들이 와서 참고하시면 좋겠습니다
1. 배열형인지 확인
코드는 다음과 같습니다.

&lt;STRONG&gt;&lt;script type="text/javascript"&gt; 
//&lt;![CDATA[ 
var a=[0]; 
document.write(isArray(a),'&lt;br/&gt;'); 
function isArray(obj){ 
return (typeof obj=='object')&&obj.constructor==Array; 
} 
//]]&gt; 
&lt;/script&gt;&lt;/STRONG&gt;

로그인 후 복사

2 문자열형인지 확인
코드는 다음과 같습니다.

&lt;script type="text/javascript"&gt; 
//&lt;![CDATA[ 
document.write(isString('test'),'&lt;br/&gt;'); 
document.write(isString(10),'&lt;br/&gt;'); 
function isString(str){ 
return (typeof str=='string')&&str.constructor==String; 
} 
//]]&gt; 
&lt;/script&gt;

로그인 후 복사

3 숫자형인지 확인
코드는 다음과 같습니다.

&lt;script type="text/javascript"&gt; 
//&lt;![CDATA[ 
document.write(isNumber('test'),'&lt;br/&gt;'); 
document.write(isNumber(10),'&lt;br/&gt;'); 
function isNumber(obj){ 
return (typeof obj=='number')&&obj.constructor==Number; 
} 
//]]&gt; 
&lt;/script&gt;

로그인 후 복사

4 날짜형인지 확인
코드는 다음과 같습니다.

&lt;script type="text/javascript"&gt; 
//&lt;![CDATA[ 
document.write(isDate(new Date()),'&lt;br/&gt;'); 
document.write(isDate(10),'&lt;br/&gt;'); 
function isDate(obj){ 
return (typeof obj=='object')&&obj.constructor==Date; 
} 
//]]&gt; 
&lt;/script&gt;

로그인 후 복사

5 함수인지 판단
코드는 다음과 같습니다.

&lt;script type="text/javascript"&gt; 
//&lt;![CDATA[ 
document.write(isFunction(function test(){}),'&lt;br/&gt;'); 
document.write(isFunction(10),'&lt;br/&gt;'); 
function isFunction(obj){ 
return (typeof obj=='function')&&obj.constructor==Function; 
} 
//]]&gt; 
&lt;/script&gt;

로그인 후 복사

6 객체인지 판단
코드는 다음과 같습니다.

&lt;script type="text/javascript"&gt;
linenum
//&lt;![CDATA[ 
document.write(isObject(new Object()),'&lt;br/&gt;'); 
document.write(isObject(10),'&lt;br/&gt;'); 
function isObject(obj){ 
return (typeof obj=='object')&&obj.constructor==Object; 
} 
//]]&gt; 
&lt;/script&gt;

로그인 후 복사

이 기사가 JavaScript 프로그래밍을 배우는 모든 사람에게 도움이 되기를 바랍니다.

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.