자바스크립트2 - 조건문 & 반복문

 

이번 포스팅은 자바스크립트에서의 조건문과 반복문에 대해 작성해 보려고 한다.

 

자바스크립트의 문법도 다른 언어 문법들과 굉장히 유사하므로, 각 문법에 대한 예제만 간단히 다루어보는걸로 하자.

 

 

조건문

• if 문
• 삼항 연산자
• switch 문
  • break; 필수 작성!

/*1. if문*/
/*if(조건식){// 조건이 참일 때 실행할 문장}*/

/* 2. switch문 
    - switch의 괄호 안과 case의 조건에는 비교식이 들어가지 x, 값 자체가 들어감
    - 자바스크립트에서는 조건이 많을 때 switch를 사용하는 것이 성능 측면에서 유리함
*/

let a = 4;
switch(a){
    case 3:
        console.log('3입니다');
        break;
    case 4:
        console.log('4입니다');
        break;
        // break를 써주지 않으면, case 4를 출력하고 싶을 때, case 5까지  실행됨(스코프(중괄호)에서 빠져나가지 못함)
    case 5: // break를 써주지 않으면 위의 case4에서 이미 조건을 만족시켰기 떄문에, 조건 검사를 하지 않고 다음 break 문을 만날 떄까지 case 안의 실행문을 계속 실행시킴-
        console.log('5입니다');
        break;
    default:
        console.log('어떤 값인지 모르겠어요');
        break;
}

/* 3. 삼항 연산자 */
// 조건식 ? 조건식이 true 일 때 : 조건식이 false 일 때
const now = new Date().getHours(); // 현재 시간의 시간만 반환하는 함수 0~23 반환
now < 12 ? console.log('오전') : console.log('오후');

 

 

 

반복문

• for 문
• while 문
  • do ~ while 문
• break : 반복문을 멈추고 반복문 밖으로 빠져 나감
• continue: 반복문을 다음으로 진

 

/* 1. for문 */
/*
for(변수 선언과 초기값 할당; 조건식; 증감식){
    반복할 코드;
}
*/

/* 2. while문 */
/*
초기화 식;
while(조건식){
    조건이 참일 때 실행할 문장;
    증감식;
}
*/

let n3=0;
while(confirm('계속 진행할까요?')){
    n3++;
    alert(`${n3}번째 alert 창`)
}

 

 

 

 

배열에서의 반복문

• 기본 for 문
• for of 반복문
• forEach 반복문

 

// 1. 기본 반복문 
for(let i=0; i<arr3.length; i++){
    console.log(arr3[i]);
}


// 2. 배열 반복문1 for of 
for(let number of arr3){ // number가 arr3의 요소가 됨
    console.log(number);
}


// 3. 배열 반복문2 forEach
/*
배열.forEach(function(element[, index, array]){})
*/

arr3.forEach(function(element, index, array){
    console.log(element, index, array);
})

// 배열 arr의 모든 원소의 합 구하기
let arr = [1,2,3,4,5,6,7,8,9,10]
let result3=0
arr.forEach(function(element){
    result3 += element
})
console.log(result3);