Javascript : 여러가지 반복문

yellowbutter·2022년 11월 6일
0

javascript

목록 보기
3/6
post-thumbnail

반복문은 반복적으로 실행해야하는 코드가 있을 때 사용한다.
반복문 종류가 많아 정리하는 차원에서 글을 작성하게 되었다.

반복문의 종류

for
for...in
for...of
forEach() - (Array 메소드)
while
do...while

for

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

for(변수 선언 초기값 설정; 조건식; 증감식){
조건이 참인 동안 실행할 명령문;
}

i는 0부터 시작해서 5보다 작을 때까지 총 5번 반복한다.
i의 값은 루프가 한 번 돌때마다 1씩 증가해서 console.log는 1, 2, 3, .... 5를 순서대로 출력하고 for문은 종료된다.

for...in (객체 순환)

for in문은 객체 순환에 사용할 수 있는 반복분이다.
배열에도 사용할 수 있지만 배열 반복에는 추천되지 않는다.

const obj = {
 name: "butter",
 age: 23,
 taste: "good"
}

for(const key in obj){
  console.log(key); // key값 출력
  console.log(obj.name, obj.age, obj.taste)} //value 값 출력

for...of (배열 순환)

var arr = [1, 2, 3];

for (var item of arr) {
  console.log(item); // 1, 2, 3
}

forEach() - (Array 메소드)

배열에 사용되는 메서드이다. 인자에 콜백함수를 넣어 사용한다.

const numbers = ['num1', 'num2', 'num3'];

numbers.forEach((number, index, array) => {
 console.log('Index: ' + index + ' Value: ' + number)
}); 

'Index: 0 Value: num1'
'Index: 1 Value: num2'
'Index: 2 Value: num3'

Current Value (명명된 매개변수) - 처리할 현재 요소
Index (선택적 매개변수) - 처리할 현재 요소의 인덱스
Array (선택적 매개변수) - forEach 메서드를 호출한 배열

while

조건이 참이면 실행되는 반복문이다.

while(condition) {
// condition이 참이면 실행
}

while의 ()안의 조건이 true면 실행, false면 실행되지 않는다.
즉, while(condition)이 false이면 단 1회도 실행하지 않는다.

do...while

앞에서 살펴본 while과는 달리 do{}에 작성된 코드는 최소 1번 실행된다는 것이다.
최소 1번 실행 후, while 조건이 false인 경우 더이상 실행되지 않는다.

do {
// 거짓이더라도
// do에 작성된 코드는 무조건 1회는 실행
}while(condition)
적어도 1번은 실행하고 싶은 코드가 있을 때 사용된다.

참고자료
MDN while
MDN forEach
MDN for...in

profile
기록은 희미해지지 않는다 🐾🧑‍💻

0개의 댓글