멋쟁이사자처럼 프론트엔드 스쿨 2기 27_Day

aydennote·2022년 5월 9일
0
post-thumbnail

📖 오늘 학습 뽀인트!

  1. JavaScript 반복문
    1-1 for
    1-2 for in
    1-3 for of
    1-4 while
    1-5 break, continue, label

1. JavaScript 반복문

🕵️‍♀️반복문이란?
간단하게 설명하자면 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 명령문이다.

1-1 for(;/;/){...}

for(초기화식; 조건식; 증감식) {
	실행문;
}

for(let i=0; i<a; i++){실행문}는 i 변수를 0부터 a 전까지 증가시키며 실행문을 반복하는 것이다.

1-2 for in

const pocketmons = {
	피카츄 : 1,
	라이츄 : 2,
	파이리 : 3,
	꼬부기 : 4,
};

// key 값 출력 
for (let pocketmon in pocketmons) {
	console.log(pocketmon);  // 피카츄 , 라이츄, 파이리, 꼬부기
}

// value 값 출력
for (let pocketmon in pocketmons) {
	console.log(`${pocketmons[pocketmon]}`); // 1, 2, 3, 4
}

for in은 key 값만 출력하는 반복문이다. 위 예제코드 가장 아래있는 것 처럼 key로 value에 접근하는 방법도 있다.

1-3 for of

const languages = [ 'Java', 'Javascript', 'Python', 'Ruby'];

for (let lang of languages) {
	console.log(lang)
}

for of는 각 배열 요소의 값을 변수에 담아 출력하는 반복문이다. 첫 번째 루프에서는 Java 값이 lang에 저장되어 출력되어 그 이후에는 JavaScript, Python 순으로 출력된다.

1-4 while(조건문){...}

while(조건문) {
	실행문;
}

while(i<a){실행문} 은 조건문이 참인 경우, 실행문을 실행시키는 명령문이다. 위 예시대로 코드를 작성했을 때 실행문 안에 변수 증감 연산이 없다면, 무한루프에 빠질 수 있으니 주의해야 된다.
do{실행문} while(조건문)은 do 안에 있는 실행문을 무조건 한 번 실행한 후에 while 조건문에 따라 실행문을 반복한다.

1-5 break, continue, label

age:
for (let i = 0; i < 20; i++) {
		if (i < 13) {
        	continue; // break;
        }
		console.log(i + '살은 청소년입니다.');
}

break은 반복문이 조건에 따라 종료되기 이전에 종료를 원하면 break 를 사용하여 반복문에서 나올 수 있다. break문으로 반복문이 종료되면 그 다음 코드가 실행된다. 위 소스코드에서 continue 대신 break문이 작성되어 있다면, console.log 출력되지 않고 for문을 탈출한다.


continue 는 반복문과 비슷하지만 반복문을 탈출하지 않고 다음 실행문으로 이동한다. 위 소스코드에서 continue를 만나 console.log를 출력하게 된다.


label은 break age로 반복문 탈출 및 이동할 수 있다.

profile
기록하는 개발자 Ayden 입니다.

0개의 댓글