반복문

for문

// for (초기화; 반복조건; 반복이 된 후 실행되는 코드) {
//   반복이 되는 코드 출력
// }

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

const names = ['길용이', '나비', '비키'];

for (let i = 0; i < names.length; i++) {
console.log(names[i]) //길용이나비비키
};

---

while문

let i = 0;
let isFun = false;

while (!isFun){
	console.log(i); //0 ~ 29
	i++;
	if(i === 30) {
		isFun = true;
	}
}

---

for~of문

• 배열을 다룰 때 사용되는 반복문
• 배열 안에 있는 것들을 사용을 해서 어떤 작업을 해야될 때 쓴다.

const numbers = [10, 20, 30, 40, 50]

for(let number of numbers){
	console.log(number); //10 ~ 50
}

---

for~in문

• 객체에 대한 반복적인 작업을 처리할 때 사용

const doggy = {
	name: '멍멍이',
	sound: '멍멍!',
	age: 2
};

for(let key in doggy){
	console.log(`${key} : ${doggy[key]}`);
	/*결과
	"name : 멍멍이"
	"sound : 멍멍!"
	"age : 2"
	*/
}

---

continue와 break

• 반복문에서 그 다음 루프를 돌게 하거나 벗어나게 함

for(let i=0; i<10; i++){
	if(i === 2) continue; //특정 조건이 만족 됐을 때, 그 다음 구간을 스킵하고 다음 루프를 돌아라
  console.log(i); // 0 ~ 5
	if(i === 5) break; //반복문을 끝내버려라
}

---

*반복문 연습*

function sumOf(numbers){
	let sum = 0;
	for (let i=0; i<numbers.length; i++){
		sum += numbers[i];
	}
	return sum;
}

const result = sumOf([1, 2, 3, 4, 5]);
console.log(result); //15

[1, 2, 3, 4, 5]배열이 (numbers)에 들어와서 넣고 for에서 루프를 막 돌다가 return sum; 으로 결과값을 내보내면 console.log(result); 에 오고 출력됨

---

이 글은 패스트캠퍼스 '프론트엔드(React)올인원패키지Online'을 수강하며 정리한 노트입니다.
https://fastcampus.co.kr/search?keyword=%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C