-
[JS] Chapter 2. 조건문, 반복문codeStates front-end/Java Script 2023. 1. 4. 10:16반응형
코드 실행은 https://stackblitz 에서 진행했습니다.
조건문
IF문
주어진 조건식의 참(true)/거짓(false) 여부에 따라 실행이 결정
실습) IF문 내부의 코드가 실행되도록 변수 course에 올바른 값 할당하기
let course = 'kjh'; // course를 kjh로 선언 if(course === 'kjh'){ console.log("course에 kjh 할당 o"); } // if문을 돌려 cousre가 kjh이면 콘솔창 출력 o
동치 연산자 : ===
비교 연산자 : > , < , ≥ . ≤
부정 연산자: !
실습) age가 19보다 크고, job이 student가 아닐 경우 코드가 실행되도록 작성
let age = 20; let job = 'worker'; if(age > 19 && job !== 'student'){ console.log('OK'); }
else문
true / false 각각 다른 코드가 실행되도록 작성하기 위해 else문 사용
else if문은 여러 번 사용 가능
실습) 구구단을 출력하는 함수에서 변수 num이 2와 9 사이의 수일 경우 구구단을 출력하고, 그렇지 않은 경우 2와 9 사이의 숫자를 입력해 달라는 메시지를 콘솔에 출력하도록 코드를 완성
let num = 3; if(2 <= num <= 9 ){ console.log(num * 1); // 0 console.log(num * 2); // 0 console.log(num * 3); // 0 console.log(num * 4); // 0 console.log(num * 5); // 0 console.log(num * 6); // 0 console.log(num * 7); // 0 console.log(num * 8); // 0 console.log(num * 9); // 0 } else { console.log("2와 9 사이로 입력해주세용"); }
삼항 조건 연산자
let num = 5; num % 2 === 0 ? console.log('짝수') : console.log('홀수'); // '홀수입니다.' ---> if/else문으로 변경 가능 let num = 5; if (num % 2 === 0) { console.log('짝수입니다.'); } else { console.log('홀수입니다.'); // '홀수입니다.' }
반복문
for문
불필요한 코드를 반복적으로 사용하지 않고 간결하게 코드를 작성
실습)0부터 10까지의 숫자를 출력하는 코드를 반복문으로 작성
for (let n=0; n <= 10; n++) { console.log(n); }
실습) 중첩 for문을 이용해 구구단 출력
for (let i=2; i <= 9; i++) { for(let j=1; j<=9; j++){ console.log(`${i} x ${j} = ${i * j}`); } }
문자열과 반복문
let str = 'hello world'; console.log(str[0]); // 첫번째 문자의 인덱스는 0 console.log(str[3]); console.log(str.indexOf('h')); // 특정 문자의 인덱스를 확인하는 메서드 console.log(str.indexOf('w')); console.log(str.length); // 문자열의 길이 확인
실습) 반복문과 조건문 → 1부터 10까지의 숫자 중 홀수만 출력하도록 코드를 작성
for (let i = 1; i <= 10; i++) { if(i % 2 !== 0){ console.log(i); } }
실습) 주어진 문자열의 문자들 중, 인덱스가 짝수인 문자만 출력하도록 코드
let str = 'hello world'; for (let i=0; i <= str.length; i++) { if (i % 2 === 0) { console.log(str[i]); } }
while문
불필요한 코드를 반복적으로 사용하지 않고 간결하게 코드를 작성
while문을 사용할 때는 무한루프를 주의
let num = 1; while (num > 0) { console.log(num); num++; // 무한루프 발생 }
do while문
do { console.log('코드블록 내부의 코드는 최소 한 번은 실행됩니다.') // '코드블록 내부의 코드는 최소 한 번은 실행됩니다.' } while (false
반응형'codeStates front-end > Java Script' 카테고리의 다른 글
[JS] Chapter 6. 원시 자료형과 참조 자료형의 특징과 종류 (0) 2023.01.04 [JS] Chapter 5. 객체 (0) 2023.01.04 [JS] Chapter 4. 배열 (0) 2023.01.04 [JS] Chapter 3. 함수 (0) 2023.01.04 [JS] Chapter 1. 타입, 변수 (0) 2023.01.04