자바스크립트 for-in 과 for-of 문

javascript

이런저런 프로그래밍 언어를 사용하니 가끔씩 자바에 자바스크립트 문법 쓰고 PLSQL 조건문을 다른 언어에 사용하며 많지 않은 시간을 훌쩍 보내기도 한다. 

 다양한 언어를 사용해 보고 경험해 보는 것도 나쁘지는 않으나 시간이 그리 많지 않은 SI에 들어가서 반나절을 어이없는 문법 실수로 보내기도 한다.

 그럴 때를 대비한 나만의 포스팅

//오브젝트 형태
let person = {fname:"김", lname:"봉두" , age: 25};

//for in 문법
for(const key in person){
    console.log(person[key]);
}

//오브젝트를 배열로 만들수도 있지 않을까?
let persons = [
            {fname:"김", lname:"봉두" , age: 25},
            {fname:"김1", lname:"봉두1" , age: 26},
            {fname:"김2", lname:"봉두2" , age: 27},
            {fname:"김3", lname:"봉두3" , age: 28},
            {fname:"김4", lname:"봉두4" , age: 29}
        ];

//for of 문법
for(const person of persons){
    console.log(person);
}

//배열형태로 출력해보기
console.log("=================================================");
console.log(persons[0]);

1. for - in

 for-in 문은 데이터 타입 중 배열을 포한 Object에도 사용할 수 있다. Object는 데이터를 저장할 때 Key를 사용해 저장하고 Key를 이용해 읽는다. for-in문은 Object 내에 정의된 Key 값의 수만큼 코드 블록을 실행한다.

 

2. for - of

 for-of 문은 Array, Map, String 등 반복 가능한 객체에서 사용이 가능하다.