JavaScript - 반복문 (1)

1. for문

(1) for 반복문의 형태

ex)

for (i = 1; i <= 10; i++){
	console.log(i);
}

---------
console.log(1)
console.log(2)
console.log(3)
console.log(4)
console.log(5)
console.log(6)
console.log(7)
console.log(8)
console.log(9)
console.log(10)

• for문의 i는 for 반복문에서 사용하는 하나의 변수이다.
  (즉, 변수 i는 1로 시작한다는 뜻.)

• i <= 10;은 불리언 표현식을 의미하며, 불리언 표현식 부분이 참인 경우엔 거짓이 되기 전까지 계속해서 실행한다.

• i++는 증감 표현식을 의미하며 i값을 업데이트 시켜준다고 생각하면 편하다.

(2) for 반복문 연습하기

0부터 20까지 짝수를 출력하는 반복문을 만들어보자

for(let even = 0; even <= 20; even += 2){
	console.log(even);
}

100부터 10씩 차감되는 반복문을 만들어보자

for(let i = 100; i >= 0; i -= 10){
	console.log(i);
}

(3) for 반복문 - 배열

배열에서도 우리는 for문을 사용하여 반복문을 구성할 수 있다.

Ex)

const animals = [ '사자', '호랑이', '기린'];

for(let i = 0; i < animals.length; i++){
	console.log(i, animals[i]);
}

animals 라는 배열을 가진 변수에 접근하여 인덱스 번호, 인덱스 번호에 해당하는 값을 출력하는 for문 이다.

(3) - 1 for 반복문 응용

const pepple = ['David', 'Bob', 'Paul', 'Loxy', 'Jin'];

// 이름을 출력하되, 이름은 모두 대문자인 형태로 출력하시오.

for(let i = 0; i < people.length; i++){
	console.log(people[i].toUpperCase());
}

---

(4) 중첩 반복문 - (for 중첩 반복문)

예시를 통해서 살펴보자.

for (let i = 1; i <= 10; i++){
	console.log(`i is: ${i}`
    for(let j = 1; j < 4; j++){
    	console.log(	`j is: ${j}) `
    }
}

2번째 예시.

const seatingChart = [
	['철수', '민수', '영수'],
    ['한규', '석준', '정수', '다연'],
    ['지현', '지연', '수연', '준혁', '준식']
]

// 각 분단별 학생의 이름을 나열하고자 할 때
for(let i = 0; i < seatingChart.length; i++){
	const row = seatingChart[i];
    console.log(`row #${i+1}`);
    for(let j = 0; j < row.length; j++){
    	console.log(row[j])
    }
}

왜 2번째 예시에서 중첩 반복문을 사용했어야 하는 이유가 뭘까?

우선 seatingChart을 for문을 사용하게 되면 배열이 출력된다. 즉, 단순 분단별로 묶여 그룹 형태로 화면에 출력되는데, 우리가 원하는 결과값은 각 학생들의 이름을 출력해야 하는 것이다.
그러므로 우리는 seatingChart[i]를 다시 변수의 값으로 지정하고 그 값을 다시 for문으로 반복시켜주면 우리가 원하는 학생들의 이름만 결과값으로 출력할 수 있게된다.

(5) while문

while 반복문은 어떤 조건문이 오더라도 조건이 참이라면 계속해서 반복하고 거짓이면 반복하지 않는다.

while문을 구성하면서 주의해야 할 점은 조건이 참이라면 계속해서 무한 반복으로 실행하게 되는데, 이런 경우에는 꼭! break를 넣어주어야 반복문에서 빠져나올 수 있다.

Ex)

let count = 0;
while(count < 10) {
	count++;
    console.log(count)
}