The Web Developer 부트캠프 2022

JS Property 객체, 객체 반복문

거위발바닥 2022. 9. 18. 13:14
const fitBitDate = {
    totalSteps : 308727,
    totalMiles : 211.7,
    avgCalorieBurn : 5755,
    workoutsThisWeek : '5 of 7',
    avgGoodSleep : '2:13'
}
 
위처럼 key : value로 property를 저장할 수 있다. ( key값이 string으로 변한다 ) 
인덱스와 마찬가지로 값을 반환한다.  하지만 인덱스의 배열철머 순서가 있지는 않음 
 
const["totalSteps"] , const.totalSteps 을 치면 // 308727
fitBitDate.totalMiles = 200 을 치면 totalMiles의 값이 바뀜
 
인덱스 배열 안에 property를 넣을 수도 있음
 
const comments = [
    { username: 'Tammy', text: 'lolololol', votes: 9 },
    { username: 'FishBoi', text: 'glub glub', votes: 12387 }
]

comments.[1].text // "glub glub"

 

이 같은 객체들도 반복문으로 표현하기 위해서는

for (let dataBase in fitBitDate) {

 console.log(dataBase);

}

를 사용하면 객체의 key 값들이 나오고 만약 value 값을 보고 싶다면 

console.log(fitBitDate[dataBase]) 를 입력하거나

Object.keys(fitBitDate) 를 입력하면 fitBitDate 들의 키값이

Object.values(fitBitDate) 를 입력하면 value 값들이 나온다.

해당값을 변수처리를 해주면 계산등을 할 수 있다.