티스토리 뷰

개발/자바스크립트

반복문

네스사 2023. 2. 21. 13:56

for문


  • 가장 많이 쓰이는 반복문
  • 초기값; 조건식; 증감식으로 구성
  • 초기값은 반복횟수를 카운트 하는 역할을 수행. 초기값을 변수 선언할 수 있지만, 선언된 변수는 for문안에서 만 유효
  • 조건식은 반복문의 실행 여부를 판단하는 역할. 초기값을 비교하는 경우가 많음.주어진 조건식이 true일 때만 반복문을 진행
  • 증감식은 초기값의 변수 증가와 감소를 위한 표현식. i++형식으로 사용. i--같은 형태도 가능
  • for문의 작동과정은 조건식이 true이면 코드 실행후 증감식 실행, 다시 조건식이 true면 반복, false면 종료한다
  • 반복문안에 if문을 사용해 초기값이 홀수 혹은 짝수에서만 출력하는 반복문을 만들 수도 있다.
for(let i=0;i<=3;i++){
	console.log(i);
}

 

문자열과 반복문

 


  • 문자열을 반복문으로 출력하고 싶다면 보통 조건식에 .length를 이용한다.
let str = 'codestates';
for (let i = 0; i < str.length; i++) {
	console.log(str[i]);
}
  • 단, 이때 문자열은 인덱스가 0부터 시작하기에 마지막 인덱스는 문자열의 길이보다 1작다.
  • 따라서 i < str.length 이나 i <= str.length-1를  조건식에 사용해야 문자열 전체를 출력 할 수 있다.

 

반복문의 중첩


  • for문안에 새로운 for문을 넣어 이중 for문이 가능. 
  • 외부 반복문의 초기화와 조건식 평가 이후, 내부 반복문이 실행. 내부 반복문이 종료되면 다시 외부 반복문이 실행.
  • 주의 할점은 외부 반복분의 초기값은 계속 유지되지만, 내부 반복문은 외부 반복문이 실행 될떄 마다 초기화 됨.
  • 3개를 중첩하는 3중 반복문도 가능
  •  
for (let i = 2; i <= 9; i++) {
  console.log(`${i}단`);
  for (let j = 1; j <= 9; j++) {
    console.log(`${i} x ${j} = ${i * j}`);
  }
}

 

 

 

while문


  • 조건식만 있으면 실행 가능한 반복문. for문과 달리 반복횟수가 명확하지 않을 때 사용
  • 때문에 조건식이 항상 참이면 무한루프가 되므로, 조건식이 false로 평가 되는 순간을 고려해야함
  • 만약 첫 시도부터 조건식이 false면 실행되지 않으므로, 무조건 한 번은 실행하게 하는 do..while문이 있다.
let num = 0;

while (num < 3) {
	console.log(num);
	num++
}

do {
	console.log('코드블록 내부의 코드는 최소 한 번은 실행됩니다.') 
} while (false)
  •  

'개발 > 자바스크립트' 카테고리의 다른 글

배열  (0) 2023.02.27
함수  (0) 2023.02.21
조건문  (0) 2023.02.21
js 변수  (0) 2023.02.20
js 타입  (0) 2023.02.20
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함