[TIL] Javascript 반복문

javascript logo

1. 반복문이란?

◎ 특정 작업을 반복적으로 할 때 사용할 수 있는 구문이다.

2. for 문

◎ for문은 가장 기본적인 반복문이다. 정한 조건이 만족되면 계속 반복된다.

2-1. 문법

for (초기 구문; 조건 구문; 변화 구문;) {
	코드
}

◎ 구문 뒤에는 항상 ;(세미콜론)을 써줘야 한다.

위치에 어떤 구문이 들어가야 하는지 알아야 한다.(많이 사용해서 익숙해지는 게 베스트)

문법을 활용하여 0부터 9까지 나타내는 for문을 작성해보자.

 

코드를 살펴보겠다.

• let i = 0; 은 초기 i 값을 0으로 설정한다는 구문이다.

• i <10; 은 i 값이 10보다 작을 때까지 반복하겠다는 구문이다.

• i++ 는 조건이 참이면 i 값을 1씩 증가시킨다는 구문이다.

결과를 확인해 보면,

0부터 9까지 콘솔에 나타난다.

2-1. 배열과 for문

◎ for문의 사용은 배열과도 사용할 수 있다.

다음 코드는 배열을 이용한 for문이다.

프리미어리그 팀이름을 배열에 넣고 추출하는 문제이다.

 

 

• clubTeamName 배열에 리버풀, 아스날, 토트넘이 담겨있다.

• let i = 0; 은 초기 i 값을 0으로 설정한다는 구문이다,

• i < clubTeamName.length; 는 i 값이 clubTeamName 배열의 길이보다 작을 때까지 반복하겠다는 구문이다.

• i++ 는 조건이 참이면 i 값을 1씩 증가시킨다는 구문이다.

결과를 확인해 보면,

 

clubTeamName 배열 안에 있는 원소들이 콘솔에 나타난다.

 

※ 자바스크립트 배열의 인덱스는 0부터 시작이다.

clubTeamName[0]는 리버풀,

clubTeamName[1] 는 아스날,

clubTeamName[2] 는 토트넘이 나오는 것이다.

3. while 문

◎ while문은 특정 조건이 참이라면 계속 반복하는 반복문이다.

for문과 다른 점은 for문은 숫자의 값을 비교하고, 증감해주면서 반복을 한다면,

while문은 조건을 확인만 하면서 반복을 한다.

때문에 조건문 내부에서 변화를 직접 주어야 한다.

3-1. 문법

◎ 0~9까지 콘솔로 출력하는 while문을 작성해보자.

 

당연히 결과는 , 첫 번째 for문 문제와 같다.

4. for...of

◎ for..of 문은 배열에 관한 반복문을 실행하기 위해 만들어진 반복문이다.

4-1. 문법

◎ 배열 안에 있는 값들 추출하는 문제.

 

5. 연습

◎ numbers 배열을 파라미터로 받아서 원소들의 총합을 구하는 함수를 구현해보자.

 

◎ 숫자로 이루어진 배열이 주어졌을 때, 해당 숫자 배열 안에 들어있는 숫자 중 3보다 큰 숫자로만 이루어진 배열을 새로 만들어보자.

 

내장 함수의 하나 .push 몰랐더라면 해결하지 못했을 거 같다.

다음 시간에는 배열의 내장 함수에 대해 공부하고 기록하겠다.

6. 느낀 점

◎ 아직까지 간단한 반복문은 익숙하지만 더 깊고 어려운 로직이 필요한 반복문을 사용할 때는 힘들 거 같다.

쉬운 문제만 익히지 말고 응용된 반복문에 익숙해지자.

 while문보다는 for문을 더 많이 사용할 거 같다?