[JavaScript] 조건문과 반복문

조건문

 

if

if문은 괄호 안의 조건식이 true / false 여부에 따라 실행이 결정됩니다.

if (true) {
    console.log('hello world'); // hello world
}

if (false) {
    console.log('hello world'); // 출력되지 않습니다.
}

동치연산자, 비교연산자, 논리연산자, 부정연산자 등을 활용할 수 있습니다.

// 동치연산자
const age = 10;
if (age === 10) {
    console.log('나이가 10세 입니다.');
} 
if (age !== 10) {
    console.log('나이가 10세가 아닙니다.');
}

// 비교연산자
const num = 7;
if (num >= 7) {
    console.log('num은 7 이상입니다.);
}

// 논리연산자
const num = 5;
if (num >= 1 && num <= 10) {
    console.log('num은 1 이상이고 10 이하입니다.');
}

 

else, else if

else문은 조건이 true일 때와 false일 때 각각 다른 코드가 실행되도록 할 수 있습니다.

하지만 단독 사용은 불가능하고 항상 if문 뒤에 와야합니다.

const num = 7;

if (num % 2 === 0 ) {
    console.log('짝수입니다.');
}
else {
    console.log('홀수입니다.');
}

// 홀수입니다.

else if문은 if문의 조건식 말고도 다른 조건식이 더 필요하면 사용할 수 있습니다.

if문과 else문 사이에 사용하면 됩니다.

const score = 90;

if (score >= 90) {
    console.log('A');
} else if (score >= 80) {
    console.log('B');
} else if (score >= 70) {
    console.log('C');
} else if (score >= 60) {
    console.log('D');
} else {
    console.log('F');
}

// 'A'

 

삼항 조건 연산자

if-else문을 삼항 조건 연산자를 사용해서 표현할 수 있습니다.

실행할 코드가 간단하다면 삼항 조건 연산자를 사용해서 코드를 간단하고 가독성이 좋게 표현할 수 있지만, 코드가 복잡하다면 오히려 가독성이 나빠질 수 있으므로 그냥 if-else문을 사용하는게 나을 수 있습니다.

const num = 7;

// if-else
if (num % 2 === 0 ) {
    console.log('짝수입니다.');
}
else {
    console.log('홀수입니다.');
}

// 삼항 조건 연산자
num % 2 === 0 ? console.log('짝수입니다.') : console.log('홀수입니다.');

 

---

 

반복문

 

for

for문의 형태

for ( 초기값; 조건식; 증감식 ) {
    // 코드
}

• 초기값초기값은 반복문의 코드블록 내부에서만 유효합니다.
• 조건이 만족할 동안 증감식에 따라 변하고 반복횟수를 카운트합니다.
• 조건식
• if문의 조건식과 똑같이 true일 경우에 실행, false일 경우에 종료됩니다.
• 증감식
• 초기값을 증가 또는 감소시킵니다.

// 예시
for (let i = 0; i < 3; i++) {
    console.log(i);
}
// 작동 순서
// 1. 변수 i를 선언하고 0을 할당합니다.
// 2. i가 3보다 작으므로 i를 출력합니다.
// 3. i를 1 증가시킵니다.
// 4. 2-3 과정을 반복하다가 i가 3 이상이 되면 반복문을 종료합니다.

// 0 1 2

 

반복문의 중첩

반복문은 하나의 반복문 내부에 또 다른 반복문을 중첩하여 사용할 수 있습니다.

이중, 삼중 그 이상으로도 가능합니다.

// 이중 중첩 반복문을 활용하여 구구단 전부 출력하기
for (let i = 2; i < 10; i++) {
    for (let j = 1; j < 10; j++) {
        console.log(`${i} * ${j} = ${i * j}`);
    }
}

 

while

while문은 for문과 다르게 조건식만 입력한 후, 조건식을 판단했을 때 true일 경우에 계속 반복하고 false가 되면 반복을 종료합니다.

// while 문
let n = 0;
while (n < 3) {
    console.log(n);
    n++;
} // 0 1 2

// for 문
for (let n = 0; n < 3; n++) {
    console.log(n);
} // 0 1 2

 

for문과 while문의 용도

for와 while은 할 수 있는 것이 거의 똑같기 때문에 무엇을 사용해도 크게 상관은 없지만 각각 사용하면 더 편한 상황은 있습니다.

• for
  • 반복 횟수가 명확할 때
  • 배열, 문자열 내부를 순회할 때
  • 반복문을 중첩해야할 때
• while
  • 반복 횟수가 명확하지 않을 때