✍️ 조건문
⭐️ if문
if문은 주어진 조건식의 참(true)/거짓(false) 여부에 따라 실행이 결정됩니다.
조건식의 평가 결과가 참일 때 문자열 ‘hello world’를 출력하기 위한 코드는 아래와 같습니다.
if (true) {
console.log('hello world');
}
if 뒤에 있는 소괄호에 조건식을 넣으면, 조건식이 참으로 평가된 경우 코드블록 내부의 코드가 실행됩니다. 지금은 true를 넣었기 때문에 console.log('hello world')가 실행됩니다.
동치연산자 (===)
동치연산자는 두 피연산자가 동일하면 true, 그렇지 않으면 false를 반환합니다. !==는 반대로 두 피연산자가 동일하지 않으면 true, 동일하면 false를 반환합니다.
let name = 'kimcoding';
if (name === 'kimcoding') {
console.log('중복된 이름입니다.'); // '중복된 이름입니다.'
}
⭐️ else문
if문을 사용하여 조건식이 true일 때만 코드가 실행되도록 할 수 있었습니다. 그런데 조건이 true일 때, 그리고 false일 때 각각 다른 코드가 실행되도록 할 수는 없을까요? else문을 사용하면 가능합니다.
let num = 5;
if (num % 2 === 0) {
console.log('짝수입니다.');
} else {
console.log('홀수입니다.'); // '홀수입니다.'
}
else문은 독립적으로 사용할 수 없고, if문 바로 뒤에 작성해야 합니다. 여기서 조건을 더 추가하고 싶으면
else if문을 사용합니다.
let name = 'kimcoding';
let course = 'seb be'
if(name === 'kimcoding' && course === 'seb fe') {
console.log('정보가 일치합니다.')
} else if (name === 'kimcoding' && course !== 'seb fe') {
console.log('코스를 확인하세요.') // '코스를 확인하세요.'
} else {
console.log('일치하지 않는 정보입니다.')
}
✍️ 반복문
⭐️ for문
먼저, 1부터 5까지의 수를 차례대로 더한 값을 구하는 코드를 작성해 보겠습니다. 가장 쉽게 떠올릴 수 있는 방법은 1부터 5까지의 수를 모두 직접 입력하는 것입니다.
let result = 0;
for (let num = 1; num <= 5; num++) {
result = result + num;
}
console.log(result); // 15
for문은 다음과 같은 형식으로 이루어져 있습니다.
for (초기값; 조건식; 증감식) {
// 실행할 코드
}
⭐️ while문
초기화, 조건식, 증감식이 모두 필요한 for문과 달리 while문은 조건식만 입력한 후 조건식의 평가결과가 true인 경우 코드블록 내부의 코드를 반복하여 실행합니다.
let num = 0;
while (num < 3) {
console.log(num); // 0 1 2
num++
}
⭐️ for문을 사용하는 경우
- 반복 횟수가 비교적 명확할 때
- 배열, 문자열 내부를 순회할 때
- 반복문의 중첩이 필요할 때
⭐️ while문을 사용하는 경우
- 반복 횟수가 명확하지 않을 때
✍️ 반복문과 조건문
ex) 1부터 10까지의 숫자 중 홀수만 출력하도록 코드를 작성하세요.
for (let i = 1; i <= 10; i++) {
// 조건문을 사용하여 홀수만 출력하도록 코드를 작성하세요.
if (i % 2 === 1) {
console.log(i);
}
}
✍️ 반복문의 중첩
반복문 내부에 또 다른 반복문을 사용할 수 있습니다.
다음 예시는 정육면체 주사위 두 개를 굴려서 나올 수 있는 모든 경우의 수를 구하기 위한 코드입니다.
for (let i = 1; i <= 6; i++) {
for (let j = 1; j <= 6; j++) {
console.log(`첫번째 주사위는 ${i}, 두번째 주사위는 ${j}입니다.`);
}
}
반복문은 2번 이상 중첩이 가능하다.
'코드스테이츠' 카테고리의 다른 글
[2주차] 💻🏃♂️ - 반복문 코플렛 풀이 (0) | 2023.02.22 |
---|---|
[2주차] 💻🏃♂️ - 조건문 코플렛 풀이 (0) | 2023.02.22 |
[1주차] 💻🏃♂️ - 계산기 목업 (0) | 2023.02.17 |
[1주차] 💻🏃♂️ - Flexbox (자식요소 속성) (0) | 2023.02.17 |
[1주차] 💻🏃♂️ - Flexbox (부모요소 속성) (0) | 2023.02.17 |