1. 조건문
if문을 통해 조건에 대한 참과 거짓에 따라 다른 문장이 실행될 수 있도록 선언할 수 있습니다.
1) if 조건문
(1) if
// 기본형
if (불 값이 나오는 표현식) {
불 값이 참일 때 실행할 문장
}(2) if-else
// 기본형
if (불 값이 나오는 표현식) {
불 값이 참일 때 실행할 문장
} else {
불 값이 거짓일 때 실행할 문장
}(3) if-else if
if (불 값이 나오는 표현식) {
불 값이 참일 때 실행할 문장
} else if (불 표현식2) {
불 표현식2일 때 실행할 문장
} else if (불 표현식3) {
불 표현식3일 때 실행할 문장
} else {
불 값이 거짓일 때 실행할 문장
}// if문 실행 예제
// 오전과 오후 구분하기
const date = new Date(); // 현재 날짜와 시간을 갖는 객체 생성
const hour = date.getHours();
if (hour < 12) {
alert("오전입니다");
} else {
alert("오후입니다");
}✔ if - else문은 삼항연산자로 간략하게 표현이 가능합니다.
2) 삼항 연산자
// 기본형
(조건) ? 참 일때 실행 값 : 거짓일 때 실행 값
// 삼항연산자 실행 예제
console.log((hour < 12 ? '오전입니다.' : '오후입니다.'));
// 입력받은 값에 대한 삼항 연산자
const number = Number(prompt('숫자를 입력하세요!'));
number < 0 ? alert('0 이상의 숫자를 입력하세요!') : document.write('입력한 숫자 : ' + number);
3) switch 조건문
switch 조건문은 값에 대한 조건을 실행할 수 있습니다.
// 기본형
switch (조건문) {
case 조건A :
조건이 A일 때 실행할 명령문;
break;
case 조건B :
조건이 B일 때 실행할 명령문;
break;
default :
break;
}// 변수 선언
const input = Number(prompt('숫자를 입력하세요.', '숫자'));
// 조건문
switch (input % 2) { // 나머지 연산자를 이용해서 홀수와 짝수를 구분
case 0:
alert('짝수입니다.');
break;
case 1:
alert('홀수입니다.');
break;
default:
alert('숫자가 아닙니다.');
break;
}2. 반복문
배열 또는 객체에 대한 반복 작업을 위해 사용합니다.
1) for
(1) for 반복문
// 기본 형태
for (변수 = 초기값; 변수 < 증감조건; 증감식) {
문장
}
// for문 실행 예제
const todos = ["우유 구매", "업무 메일 확인하기", "필라테스 수업"];
for (let i = 0; i < todos.length; i++) {
console.log(`${i}번째 할 일 : ${todos[i]}`);
}(2) for in 반복문
for in 반복문은 배열과 함께 사용할 수 있는 반복문으로 배열 요소를 하나씩 꺼내 특정 문장을 실행할 때 사용합니다.
for (const 반복변수 in 배열 또는 객체) {
문장
}// for in문을 이용해서 반대로 출력하기
for (const i in todos) { // i는 인덱스 번호를 가져옴
const ii = todos.length - i - 1;
console.log(`${ii}번째 할 일 : ${todos[ii]}`); // 인덱스번호를 이용해 값에 접근
}(3) for of 반복문
for of 반복문은 반복 변수에 요소의 값이 들어갑니다.
for (const 반복변수 of 배열 또는 객체) {
문장
}
// 사용 예제
for (const todo of todos) {
console.log(`오늘의 할 일 : ${todo}`)
}2) while 반복문
불 표현식이 true이면 문장을 반복해서 실행합니다.
while (불 표현식) {
문장
}while 반복문은 조건이 변하지 않으면 무한 반복으로 실행하므로, 조건을 거짓으로 만들 수 있는 문장이 포함되어 있어야 합니다.
let i = 1;
// confirm() : 사용자가 [확인] 버튼을 클릭하면 true 반환. [취소]를 클릭하면 false 반환.
while (confirm('계속 진행하시겠습니까?')) {
alert(`${i}번째 반복입니다.`);
i = i + 1;
}✔ while문과 for문은 서로 대체해서 사용이 가능합니다.
// 배열 출력하기
const array = [1, 2, 3, 4, 5];
// for문을 사용
// for문으로 배열 출력. 위의 코드에서 초기값, 조건식, 증감식이 있음
for (let i = 0; i < array.length; i++) {
console.log(`${i} : ${array[i]}`);
}
// for in문을 사용
for (const i in array) {
console.log(`${i} : ${array[i]}`);
}
// while문을 사용
let i = 0;
while (i < array.length) {
console.log(`${i} : ${array[i]}`);
i++;
}3) break 문
break 는 switch문이나 반복문을 벗어날 때 사용합니다.
while (true) {
if (조건식) {
break;
}
}
// 사용 예제
for (let i = 0; true; i++) { // 조건문이 true라서 무한 반복
alert(i + '번째 반복문입니다.');
// 진행 여부를 물어봄
const isContinue = confirm('계속하시겠습니까?');
if (!isContinue) { // confirm은 취소 클릭 시 false, false가 true일 때 실행문을 종료하기 위해 ! 붙임
break;
}
}
alert('프로그램 종료'); // 프로그램의 종료를 확인4) continue 문
반복문 안의 반복을 멈추고 반복문의 처음으로 들어가 다음 반복 작업을 진행합니다.
for (let i = 0; i < 5; i++) {
console.log(i);
// 현재 반복 작업을 중지하고 다음 반복 작업을 수행
continue;
alert(i); // 경고창이 출력되지 않음
}
I'm peng