1. while 


참인 동안 계속 실행.


while( boolean 표현식 ) {

문장;

}



2. do while


조건을 먼저 검사한 후 코드 블록을 반복 실행한다.

do {

문장;

} while ( boolean 표현식 );



3. for


for ( 초기식; 조건식; 종결식 ){

문장;

}



4. for in ( IE9 이상에만 사용가능 )


배열이나 객체를 쉽게 다루기 위해 for in 사용.


for ( var i in array ){


}


--> for 문으로는

for(var i = 0 ; i < array.length ; i++){


}


예)

<script type="text/javascript">

var array = ['가','나','다'];

for ( var i in array ){

alert(array[i]);

}

</script>




5. 중첩 반복문


예)

<script type="text/javascript">

var output ='';

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

for ( var j = 0; j < i; j ++ ){

output += '*';

}

output +='\n';

}

alert(output);

</script>




예)

<script type="text/javascript">

var output ='';

for ( var i = 0; i < 20; i++ ){

for ( var j = 20; j > i; j-- ){

output += ' ';

}

for(var k = 0; k < 2 * i -1; k++ ){

output += '*';

}

output +='\n';

}

alert(output);

</script>



  • break
  • continue



1. if


if ( boolean 표현식 ) {


}


; true일때만 실행.



if ( boolean 표현식 ) {

문장;

}else{

문장;

}



if ( boolean 표현식 ) {

문장;

}else if (boolean 표현식 ) {

문장;

}else if (boolean 표현식 ) {

문장;

}else {

문장;

}




2. switch


switch(비교값){

case 값:

문장;

break;

case 값:

문장;

break;

default:

문장;

break;

}



3. 삼항연산자


( boolean 표현식 ) ? ( true일때 실행하는 문장 ) : ( false일때 실행하는 문장 ) ;




4. 짧은 조건문


(boolean 표현식) || (boolean표현식이 false 일때 실행할 문장 ) 


(boolean 표현식) && (boolean표현식이 true 일때 실행할 문장 ) 


<script type="text/javascript">

var input = Number(prompt('숫자를 입력하세요.','숫자'));

input % 2 == 0 || alert('홀수입니다.');

input % 2 == 0 && alert('짝수입니다.');

</script>



'WEB > Javascript' 카테고리의 다른 글

6. 함수( 익명의 함수, 선언적함수, 가변인자 함수 등 생성법 )  (0) 2013.04.15
5. 반복문 ( while, do while, for, for in, 중첩반복문 )  (0) 2013.04.15
3. 자료형 변환  (0) 2013.04.15
2. 배열  (0) 2013.04.15
1. 처음  (0) 2013.04.15

1. 자동으로 형변환하는 경우가 많다. 


<script type="text/javascript">

alert('1 + 2');

alert(1 + 2);

alert('1' + 2);

alert(1 + '2');

alert('1' + '2');

</script>


01234


사칙연산 중 덧셈은 문자열이 우선임.

그러나 나머지 연산은 숫자가 운선임.


alert('2 * 3');   // '2*3'

alert('2' * 3);  // 6

alert('2' * '3');  // 6

alert(2 * '3');  // 6

alert(2 * 3);  // 6



2. 숫자와 문자열 사이 자료형 변환

Number()

String()


예)

<script type="text/javascript">

var input = prompt('숫자를 입력하세요.', '숫자');

alert(typeof(input));

</script>





숫자를 입력받았으나 type은 string임.



Number로 변환하기위해


<script type="text/javascript">

var input = prompt('숫자를 입력하세요.', '숫자');

var numberInput = Number(input);

alert(typeof(input));

</script>



  • 숫자가 아닌값이 입력되면 NaN(Not a Number)라는 값이 출력됨. 
  • 복소수는 표현할수 없다. 루트는 표현 못함.


3. Boolean 자료형 변환

Boolean()함수를 사용


아래경우만 false

alert(Boolean(0));

alert(Boolean(NaN));

alert(Boolean(''));

alert(Boolean(null));

alert(Boolean(undefined));


undefined자료형, null등이 false이다...


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

<script type="text/javascript">

var array = [123, 234, 345, 456];

</script>


다른 종류의 자료형도 배열요소가 될수 있다.

<script type="text/javascript">

var array = [123, 'String', true, function(){}, {}, [1,2.3]];

alert(array);

</script>





2. 인덱스 

0부터 시작.


array[0], array[1],..




 

1. 표현식 : 값을 만들어 내는 간단한 코드들

  • 1234
  • 1 + 2 + 3
  • 'abcd'

2. 문장의 끝에는 세미콜론으로 마루리. 

  •  ;

3. 키워드 : 처음 만들때 정해진 특별한 의미가 있는 단어들

break, new, if, true 등 


4. 식별자 

  • 키워드를 사용하면 안된다.
  • 숫자로 시작하면 안된다.
  • 특수문자로 _과 $만 허용한다.
  • 공백문자는 사용할수 없다.


5. 생성관례

  • 생성자함수의 이름은 대문자로 시작
  • 변수,인스턴스,함수,메서드의 이름은 항상 소문자로 시작
  • 여러단어조합인 경우 단어 첫글자는 대문자로 시작


6. 주석

HTML 주석 :  <!--   -->

JAVASCRIPT주석 :  //, /*  */



7. 문자열

  • "ABC" 나 'ABC' 사용가능.
  • 'THIS IS "String"'
  • "THIS IS 'String'"
  • "THIS IS \"String\""  일관대게 "만 사용할 경우 이스케이프 문자 사용. (\")
  •  이스케이프 문자

     
     \t 탭 
     \n

    줄바꿈 

     \'
     \"
     \\

    \\


8. 정수,유리수 구분없이 숫자는 모두 숫자로 표현.


9. Boolean

  • alert( 1 < 2 ); 
    결과값: true
  • boolean끼리 비교 가능 
    true : 1, false: 0 으로 변환되어 비교연산됨.
  • &&(and), ||(or), !(not)



10. 변수

  • var 식별자;
  • 6가지의 자료형 존재.

    var stringVar = 'String';
    var numberVar = 123;
    var booleanVar = true;
    var functionVar = function(){ };
    var objectVar = {} ;
  • undefined 자료형  :  선언하지 않거나 할당하지 않은 변수


+ Recent posts