[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 7회차 미션

삼항 연산자를 이용한 조건부 실행

삼항연산자

조건 ? 참이면 실행되는 표현식 : 거짓이면 실행되는 표현식

중괄호 {} 를 사용할 수 없는 문법이기 때문에 하나의 표현식만 가능하다.

예제

let n = 5;
console.log( n % 5 === 0 ? '5의 배수입니다' : '5의 배수가 아닙니다.' );

switch를 이용한 조건문

if와는 달리 어떤 표현식이 참인지 거짓인지를 보다는 어떤 값인지 체크해서 맞으면 실행되는 블럭들을 설정한다.

switch 뒤 괄호 안에 있는 값이 무엇인지 중괄호 안에 있는 코드들을 비교해서 실행한다.

이중에 default : 뒤에있는 문장은 항상 참이어서 실행되는 블럭이다.

let n = 5;
switch(n % 5){
    case 0 : {
        console.log('5의 배수입니다');
    }
    default: console.log(n);
}

여기까지는

n을 5로 나누었을때 나머지가 0인 경우에 실행되는 블럭을 추가한 것이다.

case '비교할 값' : 의 형태로 사용하여 맞으면 실행된다.

위의 예제를 실행하면

default까지 같이 실행되는 것을 볼 수있는데

default까지 실행되지 않기를 원한다면

case문 안에서 break;를 사용할 수 있다.

let n = 5;
switch(n % 5){
    case 0 : {
        console.log('5의 배수입니다');
        break;
    }
    default: console.log(n);
}

break는 switch 문을 끝내는 키워드 이다.

let n = 6;
switch(n % 5){
    case 0 : {
        console.log('5의 배수입니다');
        break;
    }
    case 1:
    case 2:
    case 3:
    case 4:
        console.log('5의 배수가 아닙니다');
    default: console.log(n);
}

반복문

어떤 특정 코드 블록을 반복적으로 실행하기 위한 문법

console.log('hi');
console.log('hi');
console.log('hi');
console.log('hi');
console.log('hi');

위의 코드와 같이 같은 코드가 반복될 때 반복문을 사용한다.

보통 어떤 유한한 횟수만큼 반복 할 때는 for문을 사용한다.

for( let i = 0; i < 5; i ++){
console.log('hi');
}

for ( 초기화 ; 반복 조건; 반복 후 실행 코드){

반복 되는 코드 블럭

}

이런 형태로 이뤄져 있다.

초기화 하면서 선언된 변수를 중괄호 안 반복 블럭에서 사용할 수 있다.

for ( let i = 0; i < 5; i++ ){
    console.log('hi');
}
for ( let i = 0,j= 5; i < 5; i++ ){ //초기화선언 부에서는 여러가지 변수를 초기화 할 수 있다.
    console.log('hi',i,j);
}

반복문을 즉시 종료하고 싶을 때는 반복되는 블럭 안에서 break;를 실행 하면 된다.

for ( let i = 0; i < 5; i ++){
    consol.elog(i);
    if (i > 2){
        break;
    }
    console.log('hi ', i);
}

반복되는 블럭 안에서 continue;를 만나면 거기서 바로 해당 블럭은 종료한다.

그리고 이와 같이 다음 반복이 있으면 다음 반복으로 넘어간다.

for ( let i = 0; i < 5; i ++){
    consol.elog(i);
    if (i < 2){
        continue;
    }
    console.log('hi ', i);
}

무한 루프

for (;;){

무한 반복

}

for(;;){
    console.log('hi');
    if(Math.random() * 100 > 90){
        break;
    }
}

for문의 조건을 두지않아 무한으로 실행시키고 특정 조건이되면 break를 통해 종료되게 할 수 있다.

 

해당 내용은 아래 링크에서 수강할 수 있다.

프론트엔드 개발 올인원 패키지 with React Online. 👉 https://bit.ly/2ETLEzm

프론트엔드 개발 올인원 패키지 with React Online. | 패스트캠퍼스