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으로 문의하세요.

인기 기사
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌

인기 기사
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 기사 태그

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

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

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

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

뜨거운 주제
Gmail 이메일의 로그인 입구는 어디에 있나요?
7129
9


자바 튜토리얼
1534
14


라라벨 튜토리얼
1256
25


PHP 튜토리얼
1205
29


Cakephp 튜토리얼
1153
46



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

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