0. 반복문

반복문

하나의 제어문으로써 같은 명령을 일정 횟수만큼 계속 반복할 수있게 만드는 실행문이다.

---

1. while

while(조건문) {     ...     조건문에서 사용하는 변수 증감 연산...     ... }

 

---

조건문을 잘못 설정하면 무한 루프가 발생한다.

 

반복 조건문이 계속해서 true이므로 무한 루프가 발생한다.

 

해결법

 

조건문에 추가할 탈출용 변수 i를 선언 및 초기화하고, i++ 처럼 매 조건문 실행시마다 증감을 수행 해준다.

단, 변수를 초기화 하지않으면 undefined가 되어 논리적 오류가 발생할 수 있다.

---

2. for

for (변수; 조건식; 연산) {     ... }

 

• 변수는 for문 내에서 선언 및 초기화 하여 사용해도 되고 기존에 선언되어 있는 변수를 사용해도 된다.
• 연산은 탈출용 변수에 대한 증감 연산을 한다.

---

 

변수 i를 선언 및 0으로 초기화하고 매 반복문 실행마다 1씩 증가시켜 반복문을 실행하고 있다.

---

3. for in 문 (Object 용)

• 순서가 있는 자료구조에 자료구조에 적용 (배열, 리스트, 스택, 큐, 덱)
• 순서가 없는 자료구조에 적용  o (Map(Object 형 데이터 Set), Set)

 

 

객체의 키(Key) 데이터들을 추출한다.

 

 

받아온 키(Key) 데이터들을 이용하여 객체를 사용할 수 있다. 

---

배열도 객체이므로 for ... in 에서 사용할 수 있다.

 

a에는 배열의 키(인덱스) 정보가 저장된다.

---

4. for of 문 (배열용)

순서가 있는 자료구조에만 적용 (배열, 리스트, 스택, 큐, 덱 ...)

 

배열의 인덱스(index) 데이터들을 추출한다.

 

 

받아온 인덱스 데이터들을 이용하여 배열을 사용할 수 있다.

---

 

for ... of 에서 객체를 사용하면 iterable이 아니라서 에러가 발생한다.

 

해결법

 

Object의 메서드인 keys(), values(), entries() 를 통하여 배열 데이터로 만들어 사용할 수 있다.

---

5. foreach 배열 함수

배열 arr arr.forEach((item) => {     console.log(item);     ... });

 

화살표 함수를 인자로 넣어, 배열의 데이터를 차례대로 가져와서 사용한다.

---

출처

 

https://jelong.tistory.com/

24/7 Developer's Note