웹 프론트엔드 JS 튜토리얼 JavaScript 데이터 유형 확인 방법_javascript 기술

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

May 16, 2016 pm 03:22 PM
javascript 데이터 유형 확인하다

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

<!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> 
로그인 후 복사

다음은 자바스크립트의 데이터 유형을 판단하는 방법을 6가지 데이터 유형으로 나누어 자세히 소개한 내용입니다. 도움이 필요한 친구들이 와서 참고하시면 좋겠습니다
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 프로그래밍을 배우는 모든 사람에게 도움이 되기를 바랍니다.

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

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PDF에서 서명을 확인하는 방법 PDF에서 서명을 확인하는 방법 Feb 18, 2024 pm 05:33 PM

PDF에서 서명을 확인하는 방법

WeChat 친구 지원 인증으로 차단을 해제하는 자세한 방법 WeChat 친구 지원 인증으로 차단을 해제하는 자세한 방법 Mar 25, 2024 pm 01:26 PM

WeChat 친구 지원 인증으로 차단을 해제하는 자세한 방법

PHP 8의 새로운 기능: 확인 및 서명 추가 PHP 8의 새로운 기능: 확인 및 서명 추가 Mar 27, 2024 am 08:21 AM

PHP 8의 새로운 기능: 확인 및 서명 추가

MySQL 데이터베이스의 성별 필드에는 어떤 데이터 유형을 사용해야 합니까? MySQL 데이터베이스의 성별 필드에는 어떤 데이터 유형을 사용해야 합니까? Mar 14, 2024 pm 01:21 PM

MySQL 데이터베이스의 성별 필드에는 어떤 데이터 유형을 사용해야 합니까?

MySQL의 성별 필드에 가장 적합한 데이터 유형은 무엇입니까? MySQL의 성별 필드에 가장 적합한 데이터 유형은 무엇입니까? Mar 15, 2024 am 10:24 AM

MySQL의 성별 필드에 가장 적합한 데이터 유형은 무엇입니까?

모바일 토큰 인증에서 스팀 로그인이 멈추는 문제를 해결하는 방법은 무엇입니까? 모바일 토큰 인증에서 스팀 로그인이 멈추는 문제를 해결하는 방법은 무엇입니까? Mar 14, 2024 pm 07:35 PM

모바일 토큰 인증에서 스팀 로그인이 멈추는 문제를 해결하는 방법은 무엇입니까?

Python 구문 마인드맵: 코드 구조에 대한 심층적인 이해 Python 구문 마인드맵: 코드 구조에 대한 심층적인 이해 Feb 21, 2024 am 09:00 AM

Python 구문 마인드맵: 코드 구조에 대한 심층적인 이해

Python 입문부터 숙련까지: 기초부터 프로젝트 개발까지 Python 입문부터 숙련까지: 기초부터 프로젝트 개발까지 Feb 20, 2024 am 11:42 AM

Python 입문부터 숙련까지: 기초부터 프로젝트 개발까지

See all articles