[Javascript] 반복문 3 - for~in

이번 포스트와 다음 포스트는 for문의 변형 두가지를 소개하며 넘어가도록 하겠습니다.

그 첫번째는 연관 배열을 순서대로 처리해주는 for~in 구문입니다.

---

0. 연관 배열

연관 배열이란, 키:키값 쌍을 가진 배열입니다. 연관 배열은 객체라고도 하며, 이 연관 배열 또한 자료형 포스트에서 자세하게 다루진 않았지만 "객체"라는 리터럴 값으로 지나왔습니다.

 

일반 배열은 인덱스 값만이 키가 될 수 있었지만 이 연관 배열은 문자열을 키로 가져서 배열에 접근하게 해주기 때문에 일반 배열보다 접근성이 좋습니다. 그리고 배열에서는 "요소"라고 칭했던 배열 내의 값들을 연관 배열에서는 "프로퍼티"라고 명명합니다.

 

연관 배열은 기본적인 선언방법은 다음과 같습니다.

// {키:키값, 키:키값...}

let obj = { name:'밤', age:1, job: 'student' };

그리고 각 프로퍼티는 다음 두가지 방법으로 접근합니다.

//객체명.프로퍼티명
//객체명['프로퍼티명']

let obj = { name:'밤', age:1, job: 'student' };

console.log(obj.age);	//결과:1
console.log(obj['age']);	//결과:1

 

 

2. for~in

for~in문은 연관 배열의 요소를 첫번째 프로퍼티부터 순서대로 처리해주는 명령입니다.

for~in의 기본적인 형태는 다음과 같습니다.

for (가변수 in 연관 배열명) {
	//반복할 코드
}

가변수는 접근하기 위한 키로, 키를 일시적으로 보관하는 저장공간이고 실제 키의 프로퍼티값은 아닙니다.

 

예시에서 animals라는 연관 배열을 선언하고 for~in문으로 처리하는 모습을 볼 수 있습니다.

 

결과

 

---