[JavaScript] 반복문으로 배열과 객체 순회하기

배열 순회 방법

let arr = [1,2,3];

1. 배열 인덱스

for(let i=0; i < arr.lentgh; i++){
    console.log(arr[i]);
}

2. for of

for(let item of arr){
    console.log(item);
}

객체 순회 방법

let person ={
    name : "김아무개",
    age : 20,
    hobby : "테니스",
}

1. Object.keys 사용

객체에서 key 값 들만 뽑아서 새로운 배열로 반환

let keys = Object.keys(person);


way1)
for(let i=0 ; i < keys.length; i++){
    console.log(keys[i]);
};

way2)
for(let key of keys){   
    //객체의 벨류값도 동시에 순회 가능
    const value = person[key];
    console.log(key, value);
}

2. Object.values

객체에서 value 값 들만 뽑아서 새로운 배열로 반환

let values = Object.values(person);

for (let value of values){
    console.log(value);
}

3. for in

for(let key in person){
    const value = person[key];
    console.log(key, value);
}