• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Global] JS - isNaN() 함수 ★ - 유효하지 않은 숫자인지 판별 (= NaN판별 = isNaN함수 = 이즈난함수) [전역함수]

목차
  1. isNaN() 예제 - 유효하지 않은 숫자인지 판별
  2. isNaN() 정의
  3. isNaN() 구문

 

isNaN() 예제 - 유효하지 않은 숫자인지 판별 

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var res = "";

  res = res + isNaN(123) + ": 123<br>"; // false

  res = res + isNaN(-1.23) + ": -1.23<br>"; // false

  res = res + isNaN(4-3) + ": 4-3<br>"; // false

  res = res + isNaN(0) + ": 0<br>"; // false

  res = res + isNaN('123') + ": '123'<br>"; // false

  res = res + isNaN('Homzzang') + ": 'Homzzang'<br>"; // true

  res = res + isNaN('2019/08/21') + ": '2019/08/21'<br>"; // true

  res = res + isNaN('') + ": ''<br>"; // false

  res = res + isNaN(true) + ": true<br>"; // false

  res = res + isNaN(undefined) + ": undefined<br>"; // true

  res = res + isNaN('NaN') + ": 'NaN'<br>"; // true

  res = res + isNaN(NaN) + ": NaN<br>"; // true

  res = res + isNaN(0 / 0) + ": 0 / 0<br>"; // true


  document.getElementById("demo").innerHTML = res;

}

</script>

 

결과보기

 

isNaN() 정의


숫자형으로 변환 후, 값이 (NaN: Not-a-Number = 유효하지 않은 숫자)인지 판별.

 



1.

Number 전용 메서드인 Number.isNaN() 메서드와 다름.

  • isNaN() 함수 - 테스트 된 값을 Number로 변환 한 다음 테스트.
  • Number.isNaN() 메서드 - 값을 Number로 변환하지 않으며 Number 유형이 아닌 값의 경우 false 반환.
  • 유효한 숫자인지 판별하려면 not을 의미하는 연산자인 느낌표(!) 기호를 앞에 붙임. (예) !isNaN(값)

 

2.
모든 브라우저 지원

3.
ECMAScript 1

 

 

isNaN() 구문

 

isNaN(value)

 


[매개변수]


value

필수. 평가할 값.

 


[반환값]

 

  • 값이 NaN 이면 true 반환.
  • 값이 NaN 아니면 false 반환.


 


분류 제목
DOM_Document JS - defaultView 속성 - 윈도우객체 (Window Object)
DOM_Document JS - designMode 속성 - 편집기능 활성화 (= 디자인모드)
DOM_Document JS - document.doctype 속성 -문서타입 (= DTD정보 = DocumentType 객체 반환…
DOM_Document JS - documentElement 속성 ★ - html요소 의미 (= 전체 웹문서 자체 = HTML 문서…
DOM_Document JS - documentMode 속성 - 문서로드IE버전 (IE전용)
DOM_Document JS - documentURI 속성 ★ - 현재웹문서위치 (= 웹문서주소)
DOM_Document JS - domain 속성 ★ - 현재웹문서의 도메인
DOM_Document JS - domConfig 속성 - 사용폐기. 돔구성
DOM_Document JS - embeds 속성 - 모든 엠베드태그 모음
DOM_Document JS - execCommand() 메서드 - 명령실행 (IE9 이상. 실험중) (예: 키보드이벤트때 실행)
DOM_Document JS - forms 속성 - 폼요소개수
DOM_Document JS - fullscreenElement 속성 - 전체화면요소 반환 (IE11 이상 접두어필요)
DOM_Document JS - fullscreenEnabled 속성 - 전체화면모드 (=풀스크린모드) 허용 (IE11 이상 접두어…
DOM_Document JS - getElementById() 메서드 ★★★ - 아이디선택자 (= 아이디로 요소얻기 = 아이디로 요…
DOM_Document JS - getElementsByClassName() 메서드 ★★ - 클래스선택자 (= 클래스명선택자 = 클…
DOM_Document JS - getElementsByName() 메서드 ★ - 네임선택자
DOM_Document JS - getElementsByTagName() 메서드 ★ - 태그선택자 (= 요소선택자 = getElem…
DOM_Document JS - hasFocus() 메서드 ★ - 포커스 상태인지 체크 (= hasFocus메서드 = 해즈포커스메서…
DOM_Document JS - head 속성 - 헤드요소 (IE9 이상)
DOM_Document JS - images 속성 - 모든 이미지태그 모음 (= 이미지즈 컬렉션 = 이미지스 집합)
25/67
목록
찾아주셔서 감사합니다. Since 2012