반원 블로그

JavaScript 4. 조건문 (if, switch) 과 반복문( while, for,foreach ), 배열 본문

2018~/프론트 엔드 기초(HTML, CSS, JavaScript)

JavaScript 4. 조건문 (if, switch) 과 반복문( while, for,foreach ), 배열

반원_SemiCircle 2019. 8. 14. 00:51

조건문 if 구조

if (조건1){
    조건 1이 참일 경우 실행
}
else if (조건2){
    조건 2가 참일 경우 실행
}
else{
    모든 케이스에 거짓이면 실행    
}

조건문 기본 예제

var x=10,y='10';

if (x===10){
    console.log("x는 10");
}else if (y===10){
    console.log("x는 10이 아니고 y는 10");
}else{
    console.log("x y 둘 다 10이 아니다");
}

switch문

switch(데이터){
    case 경우1 : 실행문; break;
    case 경우2 : 실행문; break;
    case 경우3 : 실행문; break;
    case 경우4 : 실행문; break;
    default : 위 경우가 다 해당안 될 경우의 실행문;
}

switch문 기본 예제

var x = 10;
switch(x){
    case 10 : console.log("x는 10"); break;
    case 100 : console.log("x는 10"); break;
    default : console.log("x는 10도 100도 아니다.");
}

배열

  • 여러 자료형을 하나로 묶는 자료형(객체, 자료구조)
  • var array = [값1, 값2, 값3, ....]
  • var array = [1, 2, 3, 4, 5 ]
  • index(자리번호)와 value(실질적 값)으로 구성
  • index는 0번부터 카운트

반복 for문

//for문
for (초기값;판단식;증감식){
    반복 실행 코드;
}

for문 기본 예제

var arr=[1,2,3,4,5];
for (var idx=0; idx < arr.length; ++idx){
    console.log(arr[idx]);
}

반복 while 문

while (판단식){
    반복 실행 코드;
}

반복 while 기본 예제

var array = [1,2,3,4,5];
var idx = 0;
while (idx<array.length){
    console.log(arr[idx]);
    ++idx;
}

반복문 중지 및 탈출 코드 break

  • 본래 반복문 정지를 위한 예약어(명령어)
  • switch문 또한 탈출 된다.

foreach 문

  • length를 고려하여 index를 증가하며 반복횟수를 제어하는 식의 코드를 적지 않아도 된다.
  • 배열에서 값을 하나씩 꺼내오며, 요소명에 지정된다.
  • 특정 데이터 개수가 정해지고 각각에 대해 처리해야될 때 유용하게 쓰인다.
    배열.forEach(요소명 => {
      console.log(요소명)
    });

foreach 기본 예제

var array = [1,2,3,4,5]
array.forEach(element => {
    console.log(element)
});
Comments