728x90
반응형

▶for문

: 자바스크립트에서 가장 많이 사용하는 반복문.

조건에 들어가는 값이 일정하게 커지면서 명령 반복 실행할 때 편리.

몇 번 반복했는지 기록하기 위해 카운터를 사용하며, 첫 항에서 카운터 변수를 지정함.

 

▷for문의 실행순서

: 초깃값 할당[각주:1] > 조건 체크 > 명령실행 > 증가식 실행 

 

for (초깃값[각주:2]; 조건[각주:3] ; 증가식[각주:4]) { ·····}

 

for 문 예제

 

▷예제의 실행 순서를 표로 그려보면 다음과 같다.

하는 일 소스  결과
초깃값 실행 i = 1 i = 1
조건 체크 i < 10 true
실행 console.log(i) 1
카운터 증가 i++ i  = 2
조건 체크 i < 10 true
실행 console.log(i) 2
· · · · · ·
카운터 증가 i++ i=10
조건 체크 i (10) < 10 false
for문 종결

 

 

▶forEach문

:배열에서는 forEach 문을 사용해서 편리하게 반복할 수 있음.

배열의 길이가 바뀌어 정확하게 배열의 크기를 알 수 없을 때, 배열의 요소를 가져와서 함수[각주:5]를 설정해야 할 때 사용함.

 

배열문.forEach(콜백함수[각주:6]) { · · · · · }

 

좌 :forEach 예제문 우 : 예제문의 결과값

for문을 작성하여 배열 안에 있는 모든 수를 불러 오려면  초깃값을 할당하고, 조건과 증감식을 작성해야 했는데 forEach 문을 사용하면 초깃값을 할당하고, 조건을 지정하고 증감식을 작성해야 할 필요가 없어짐.

 

 

▶for...in문

- 배열 안에서만 반복되는 반복문이 forEach 문이라면 for...in 문은 반복해서 객체의 값을 가져와 처리할 수 있게 함.

 - 객체의 키만 가져올 수 있으므로 해당 키의 값에 접근하기 위해 [ ] (대괄호)를 사용함.

- 모든 열거할 수 있는 속성들을 순회할 수 있도록 함.

- 순서를 지정할 수 없기 때문에 속성들 간의 순서가 중요한 객체에서는 사용하지 않는 것이 좋음.

 

for (변수 in 객체) {  · · · · ·   }

 

좌 for in 문 예제 우 결과

 

 

▶for...of문

: 문자열이나 배열과 같은 반복 가능[각주:7] 자료에서 사용하는 반복문.

forEach 문를 사용해서 작성했던 것과 같은 결과를 볼 수 있음.

let a 안에 값이 있는동안 계속 반복함.

좌 for of 예제 우 결과

 

 

 

 

 

 

 

  1. 처음에 한 번만 할당 [본문으로]
  2. 몇 번 반복할지 지정하기 위해 카운터 변수를 사용하는데, 이 항목에서 카운터 변수를 선언하고 초기화 함.  초깃값은 0이나 1로 시작 [본문으로]
  3. 문장을 반복하기 위해 체크할 조건 부분. 이 조건을 만족(true)해야 for문의 명령을 반복할 수 있음 [본문으로]
  4. 문장을 실행한 후 카운터 변수를 증가시키는 부분. [본문으로]
  5. 함수는 여러 명령을 묶어 놓은 것이라고 생각하면 됨. [본문으로]
  6. 다른 함수의 인수로 사용할 수 있는 함수를 가리킴. [본문으로]
  7. literable [본문으로]

+ Recent posts