예제 6-23. eval(), parseInt(), isNaN(). 예제 6-24. 구구단 출력 함수 만들기

WEB/JAVASCRIPT-CONCEPT 2017. 10. 28. 12:47 |

* eval()함수

eval(exp) : exp의 자바스크립트 식을 계산하고 결과 리턴

ex) var res = eval("2*3+4*6") // res는 2


* parseInt()함수

parseInt(str) : str 문자열을 10진수 정수로 변환하여 리턴 ex) 16진수 -> 10진수

parseInt(str,radix) : str 문자열을 radix 진수로 해석하고, 10진수로 리턴

parseFloat(str) : str 문자열을 실수로 바꾸어 리턴

ex) 

val l = parseInt("32"); // "32"를 10진수로 변환하여, 정수 32 리턴

val m = parseInt("32",16); // "32"를 16진수로 변환하여, 정수 50 리턴

var n = parseInt("0x32"); // "0x32"를 자동으로 16진수로 해석하여, 정수 50 리턴


* isNaN() 함수와 parseInt() 함수

NaN는 숫자가 아님을 나타내는 상수 키워드

isNaN()은 매개 변수의 값이 NaN인지 비교하여 맞으면 true를 리턴하는 자바스크립트 함수.

ex)

var n = NaN;

ver b = isNaN(n); // true 리턴


isFinite(value) : value가 숫자이면 true 리턴

isNaN(value) : value가 숫자가 아니면 true 리턴


isNaN()은 주로 parseInt() 함수의 리턴 값을 검사하기 위해 다음과 같이 사용된다.

ex)

n = parseInt("hello"); // "hello"는 정수로 변환할 수 없으므로 parseInt("hello")는 NaN 리턴
{     if(isNaN(n)) // true
        document.write("hello는 숫자가 아닙니다.");
}



isNaN(32) // false 리턴

isNaN("32") // false 리턴

isNaN("hello") // true 리턴

isNaN(NaN) // true 리턴


예제 6-23

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 전역함수</title>
<script>
function evalParseIntIsNaN() {
    var res = eval("2*3+4*6"); 
    document.write("eval(\"2*3+4*6\")는 " + res + "<br>");
    var m = parseInt("32"); 
    document.write("parseInt(\"32\")는 " + m + "<br>");
    var n = parseInt("0x32");
    document.write("parseInt(\"0x32\")는 " + n + "<br><br>");
 
    // "hello"는 정수로 변환할 수 없으므로 parseInt("hello")는 NaN 리턴
    n = parseInt("hello");
    if(isNaN(n)) // true
        document.write("hello는 숫자가 아닙니다.");
}
</script>
</head>
<body>
<h3>eval(), parseInt(), isNaN()</h3>
<hr>
<script>
    evalParseIntIsNaN();
</script>
</body>
</html>
cs



예제 6-24

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>함수 만들기</title>
<script>
function gugudan(n) { // 함수 작성
    var m = parseInt(n); // 문자열 n을 숫자로 바꿈
    if(isNaN(m) || m < 1 || m > 9) {
        alert("잘못입력하셨습니다.");
        return;
    }
    for(var i=1; i<=9; i++) { // i는 1~9까지 반복
        document.write(m + "x" + i + "=" + m*i + "<br>");
    }
}
</script>
</head>
<body>
<h3>구구단 출력 함수 만들기</h3>
<hr>
<script>
    var n = prompt("구구단 몇 단을 원하세요", ""); // n은 문자열
    gugudan(n); // 함수 호출
</script>
</body>
</html>
 
cs



저작자표시 비영리 동일조건

'WEB > JAVASCRIPT-CONCEPT' 카테고리의 다른 글

예제 7-5. Date 객체 생성 및 활용. 예제 7-6 방문 시간에 따라 변하는 배경색 만들기  (0) 2017.10.28
예제 7-4. Array 객체의 메소드 활용  (0) 2017.10.28
예제 7-2. []로 배열 만들기, 예제 7-3. Array 객체로 배열 만들기  (0) 2017.10.28
예제 7-1. 자바스크립트 객체 생성 및 활용  (0) 2017.10.28
예제 6-22. adder() 함수 작성 및 호출  (0) 2017.10.28
Posted by 너래쟁이
:

티스토리툴바