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

[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 반환.


 


분류 제목
Window_Console JS - console.timeEnd() 메서드 - 콘솔창에서 타이머 종료 후 기록 쓰기 (= console…
Window_Console JS - console.trace() 메서드 - 코드 실행 내역 역추적해 콘솔에 표시 (= console.t…
Window_Console JS - console.warn() 메서드 - 콘솔에 경고 쓰기 (= console.warn메서드 = 콘솔원…
DOM_Document JS - activeElement 속성 ★ - 현재포커스요소 반환 (= 액티브엘러먼트속성)
DOM_Document JS - addEventListener() 메서드 ★ - document에 이벤트 걸기. (= addEven…
DOM_Document JS - adoptNode() 메서드 ★ - 다른문서의 노드 잘라내서 가져오기 (IE9 이상) ※ 아이프레임…
DOM_Document JS - anchors 속성 - name 속성 갖은 모든 앵커태그집합 반환 (=anchors속성 = 앵커즈 …
DOM_Document JS - applets 속성 - 모든 애플릿태그집합 반환
DOM_Document JS - baseURI 속성 - 웹문서 기본URI 반환 (IE 지원X)
DOM_Document JS - body 속성 - 웹문서본문 설정/반환
DOM_Document JS - close() 메서드 - 웹문서출력모드 닫고 수집된 데이터 표시
DOM_Document JS - document.cookie 속성 ★ - (쿠키이름/쿠키값) 쌍을 설정/반환 (= document.…
DOM_Document JS - charset 속성 - 문자셋 (= 언어셋) 반환 (IE9 이상)
DOM_Document JS - characterSet 속성 - 문자셋 (= 언어셋) 반환 (IE9 이상)
DOM_Document JS - createAttribute() 메서드 ★ - 속성생성 (예: 클릭색상변경)
DOM_Document JS - createComment() 메서드 - 주석생성
DOM_Document JS - createDocumentFragment() 메서드 - 가상노드생성
DOM_Document JS - createElement() 메서드 ★ - 요소생성 (= createElement메서드 = 크리에이…
DOM_Document JS - createEvent() 메서드 - 이벤트객체생성 (예: 마우스오버횟수구하기)
DOM_Document JS - createTextNode() 메서드 - 텍스트노드생성
24/67
목록
찾아주셔서 감사합니다. Since 2012