Hoon222y

[Javascript] 3장 4장 본문

코딩/교육

[Javascript] 3장 4장

hoon222y 2019. 1. 8. 11:44

2.10 숫자와 문자열 

NaN 

- 자료형 숫자이긴 하지만 자바스크립트에서 표현할 수 없는 숫자이다.

- 자바스크립트는 복소수를 표현 할 수 없기 때문에 복소수는 NaN이다.  

var num = 10/'a';

alert(num) 하면 결과는 NaN이 나온다. 

alert(typeof num) 하면 number가 나온다. 자료형 숫자이기 때문에 이러한 결과가 나온다. 


2.11 bool 자료형 변환

Boolean() 

2-48은 bool형이 아닐떄 명시적으로 bool 형으로 형변환하기위해서 !!를 쓰는것을 의미한다. 


2.12 일치 연산자

- 자료형이 다른것을 확실하게 구분 짓고 싶을 때 사용한다. ( 형변환 되는것을 구분하기 위함)

=== : 양쪽 변의자료형과 값이 일치합니다.

!== :  양쪽 변의 자료형이 다릅니다.




3.3 중첩 조건문

코드 3-5에서 코드 변환

<!DOCTYPE html>

<html>

<head>

<script>

//아래의 스크립트 결과를 alert 참이 아닌 body 테그의 내용으로 출력하세요 

//단, script 태그는 head 에 위치하여야 합니다. 

var date = new Date();

var hour = date.getHours();

var msg;

if(hour < 11){

msg = '아침시간';

//alert('아침시간');

}else{

if(hour <15){

msg = '점심시간';

//alert('점심시간');

}else{

msg ='저녁시간';

//alert('저녁시간');

}

}

window.onload = function(){

document.body.innerHTML = msg;

}

</script>

</head>

<body>

</body>

</html>


코드 3-8 케이스에 조건이 들어오는데 자바스크립트에서는 작동이 된다. 자바스크립트에서 스위치는 이렇게 작동 된다는것을 알아둬야 한다. 이렇게도 쓸 수 있다는거지 이렇게 써라는 아니다. 


3.7 짧은 조건문

논리합 연산자를 사용한 표현식은 뒤에 어떠한 값이 들어가도 항상 참이다. 

true||ooo 



4장. 반복문


자바스크립트에서만 사용되는 반복문 (forin 반복문)

배열에 대해서도 학습


4.2 배열 

- 여러 개의 변수를 한꺼번에 다룰 수 있는 자료형 

- 대괄호 [] 를 사용하여 생성하고, 쉼포료 구분해 자료를 입력 

- typeof 를 찍으면 object가 나온다. 

- 자바스크립트 내에서는 크기가 동적으로 늘어나고 감소할 수 있으며, 다른 타입들을 동시에 저장할 수 있다.


4.3 while 반복문

<table border='1'>

<script>

for(var i=1;i<10;i++){

document.write('<tr>');

for(var j=1;j<10;j++){

document.write('<td>'+ i+'*'+j+'=' +i*j + '</td>');

}

document.write('</tr>');

}

</script>

</table>


틑 롱해서 구구단 출력 가능 

이걸 head 로 옮겨서 출력하느경우 

<!DOCTYPE html>

<html>

<head>

    <meta charset="EUC-KR">

    <title>Insert title here</title>


    <script>

    var gugu = '<table border="1">';

    for(var i=1; i<=9; i++){

        gugu += '<tr>';        

        for (var j =2 ; j <=9; j++){

                gugu += '<td>' + j + '*' + i + '=' + (i * j) + '</td>';

        }

        gugu += '</tr>';

    } 

    gugu += '</table>';

    

    window.onload = function(){

        document.body.innerHTML = gugu;

    }

    

    </script>

</head>

<body>

</body>

</html>


이고 이걸 따로 빼서 <stript src='script.js'></stript>

4.5 forin 반복문
- 객체가 가지는 속성의 수 만큼 반복한다. 








Comments