[TIL] 2020. 05. 09. For_In

달밤·2020년 5월 9일
0

TIL

목록 보기
6/110
post-thumbnail

자바스크립트

for...in 문

1. 문법

for (variable in object) {
    ...
}
  • 자바스크립트에서 for... in 문은 객체의 프로퍼티를 순회하는데 사용된다.
  • 지정된 object의 property 중 이름 하나가 순서대로 지정한 변수에 문자열 타입으로 할당된다.

2. 객체에 적용

let obj = {
    name : 'soohyun',
    age : 15,
    nationality : 'korea'    
};

for(let prop in obj) { 			
    console.log(prop + ': ' + obj[prop])
}

// obj객체에 key값이 순차적으로 prop에 할당되어 마지막 key값이 할당될때까지 반복

예상 결과 값

name: soohyun
age: 15
nationality: korea

3. 배열에 적용

let arr = [
    [1, 11],
    [2, 22],
    [3, 33]
];

for(let prop in arr){
    console.log(prop + ': ' + arr[prop])
}
// arr배열에 index값이 순차적으로 prop에 할당되어 마지막 index값이 할당될때까지 반복

예상 결과 값

0: 1,11
1: 2,22
2: 3,33

오늘 하루

  1. for..in 구문에 대해서 자세히 알아봤다. 자세히 배운게 아니고 문제풀 수 있을 정도로만 알고 있어서, 문제 풀 때마다 조금 불안하다 생각이 들어서 자세히 찾아보기로 했다. 객체에만 적용할 수 있는 줄로만 알았는데, 배열에서도 이용할 수 있다는 점을 알게되었다.

  2. 여유 있는 주말. 이번주에 배운 것들을 복습하고, 코플릿 문제도 혼자 다시 풀어보는 시간을 가졌다.

profile
다 늦은 밤, 달밤의 개발일기

3개의 댓글

comment-user-thumbnail
2020년 5월 9일

디테일하게 잘 정리하셨네요! 도움이 많이 됐어요 자주 들릴게요!

1개의 답글