[JavaScript] for 반복문

박이레·2022년 9월 21일
0

JavaScript

목록 보기
4/13

 1978년, 데니스 리치가 쓴 『The C Programming Language』의 첫 번째 예제는 화면에 "Hello, world!"를 출력하는 것입니다. 이후 모든 프로그래밍 언어의 첫 번째 예제는 "Hello World!"를 출력하는 것이 됐지요.

북한에서는 "Hello World!" 대신 "안녕하십니까!"를 출력합니다. 정말 특이하죠? 한글에 대한 고집이 돋보입니다. 북한에서 for 반복문는 어떻게 학습할지 궁금하네요. 반복(反復)은 한자이니까 한글로 풀어서 '되풀이'정도 사용하려나요? for 되풀이문.. 음.. 이게 더 나은거 같기도 합니다?! 😂🤣




for in 반복문

for in 반복문은 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용합니다. for 반복문의 반복 변수(i)에는 요소의 인덱스들이 들어옵니다.

> const todos = ['우유 구매', '업무 메일 확인', '필라테스 수업']

> for (const i in todos) {
  	console.log(`${i}번째 할 일: ${todos[i]}`)
}

>> 0번째 할 일: 우유 구매
>> 1번째 할 일: 업무 메일 확인
>> 2번째 할 일: 필라테스 수업



for of 반복문

for of 반복문은 요소의 값을 반복할 때 안정적으로 사용할 수 있습니다. 반복 변수(const)에 요소의 값이 들어갑니다.

> const todos = ['우유 구매', '업무 메일 확인', '필라테스 수업']

> for (const todo of todos) {
  	console.log(`오늘의 할 일: ${todo}`)
}

>> 오늘의 할 일: 우유 구매
>> 오늘의 할 일: 업무 메일 확인
>> 오늘의 할 일: 필라테스 수업



for 반복문

for 반복문은 특정 횟수만큼 반복하고 싶을 때 사용합니다.

> for ( let i = 0; i < 5; i++) {
  	console.log(`${i}번째 반복입니다.`)
}

>> 0번째 반복입니다.
>> 1번째 반복입니다.
>> 2번째 반복입니다.
>> 3번째 반복입니다.
>> 4번째 반복입니다.

1부터 N까지 더하기

> let output = 0
> for ( let i = 1; i <= N; i++) {
  	output += i
}

for 반복문 + 배열

> const todos = ['우유 구매', '업무 메일 확인', '필라테스 수업']

> for (let i = 0; i < todos.length; i++) {
  	console.log(`${i}번째 할 일: ${todos[i]}`)
}

>> 0번째 할 일: 우유 구매
>> 1번째 할 일: 업무 메일 확인
>> 2번째 할 일: 필라테스 수업

for 반복문 + 배열 반대로 출력

> const todos = ['우유 구매', '업무 메일 확인', '필라테스 수업']

> for (let i = todos.length -1; i >= 0; i--) {
  	console.log(`${i}번째 할 일: ${todos[i]}`)
}

>> 2번째 할 일: 필라테스 수업
>> 1번째 할 일: 업무 메일 확인
>> 0번째 할 일: 우유 구매



while 반복문

while (true)~는 다른 프로그래밍 언어에서 '데이터를 전달받을 때까지 기다린다'와 같은 목적으로 사용됩니다. 하지만 JS에서는 페이지 전체가 먹통이 되는 문제가 발생합니다. 아래 코드는 alert창이 계속 뜨는 무한 지옥이 됩니다.

> let i = 0
> while (true) {
  	alert(`${i}번째 반복입니다.`)
  	i = i + 1
}

따라서 아래와 같이 사용해야 합니다.

> let i = 0
> while (confirm('계속 진행할까요?')) {
  	alert(`${i}번째 반복입니다.`)
  	i = i + 1
}

confirm() 함수를 사용하면 사용자에게 확인을 받는 대화상자가 실행됩니다. 사용자가 '취소' 버튼을 누르면 false로 바뀌어 반복을 종료합니다.




다음 글은 함수에 대해 다룹니다.

💁‍♂️reference

혼자 공부하는 자바스크립트

윤인성 지음ㅣ한빛미디어ㅣ2021ㅣ도서 정보

EOD.

profile
혜화동 사는 Architect

0개의 댓글