[Javascript] 객체, 배열의 반복문

1. 배열의 반복문

 배열의 반복문에서 while의 경우, while(조건){반복 실행할 코드} 형식으로 사용된다.

배열 선언, i 변수 선언 및 초기화, while 반복문 코드 구현

 

출력 값

 출력 값을 grouping 해서 좀 더 보기 좋게 출력 값을 갖고 싶을 때, group이라는 것을 사용한다. 아래의 예시와 같이

group의 이름을 지어주고 시작점을 설정하고, 같은 이름의 끝점을 설정해주면 된다.

console.group을 사용한 예시

 아래의 출력 값은 grouping 전후의 차이를 보여주고 있다. 여러 개를 분류해서 출력 값을 갖고 싶을 때, 이 기능을 활용하게 되면 보기 좋게 분류할 수 있다.

(위) grouping 전 출력 값, (아래) grouping 후 출력 값

2. 객체의 반복문

 객체에서 사용되는 for 문은 for in 문이라고 부르는데, 이 객체가 갖고 있는 원소의 값만큼 {}(중괄호) 안의 코드가 실행되는 문법을 가진다. for ( 변수 in 객체 ) {}의 형식으로 사용되는데, 변수 자리에는 객체가 반복적으로 실행될 때마다 그 순번에 해당되는 원소의 이름이 주입될 변수가 온다. 

 

 자신이 원하는 변수 이름을 할당해서 사용하게 되는데, var 변수 이름 또는 변수 이름만 적어도 똑같이 실행된다.

객체 반복문인 for in 문의 예시

아래의 출력 값이 나오게 되는 것을 볼 수 있다.

객체 반복문 출력 값

여기서 저 role 에 해당되는 원소의 값을 가져오고 싶다면? .(점)을 사용하면 어떻게 될까?

객체의 원소 값을 출력하는 잘못된 예시

아래와 같이, 정의되지 않았다고 나온다. 왜냐하면 객체의 .(점) 뒤에는 변수가 올 수 없기 때문이다.

잘못된 출력 값

객체의 원소 값을 불러오기 위해서는 아래와 같이 코드를 작성하면 된다.

객체의 원소 값을 출력하는 바른 예

정확한 출력 값