[TIL] 자바스크립트 객체(Object) 순회

개인적으로 개념이 약한 객체(Object) 순회 내용이다
공부할때마다 알게되면 수정/추가 할 예정 !

객체를 순회하는 방법 30-3, 30-4

30-3. Object.keys()
어떤 객체가 가지고 있는 키들의 목록을 배열로 리턴하는 메소드.
-> 해당 메소드를 통해 객체->배열 전환 후 반복문 사용 가능 !

Object.values
: 객체의 키가 아닌 값으로 이루어진 배열 리턴

Object.entries
: 객체의 키와 값의 쌍으로 이루어진 길이 2짜리 배열로 이루어진 배열 리턴
배열 내 인덱스0은 각각의 키, 인덱스 1은 해당 키에 해당하는 value

const obj = {
  name: 'melon',
  weight: 4350,
  price: 16500,
  isFresh: true
}

Object.keys(obj) // ['name', 'weight', 'price', 'isFresh']

const keys = Object.keys(obj) //['name', 'weight', 'price', 'isFresh']

for(let i = 0 ; i < keys.length; i++){
  const key = keys[i] 
 const value = obj[key]
 

const values = Object.values(obj)
// values === ['melon', 4350, 16500, true]

const entries = Object.entries(obj)

/*
entries === [
  ['name', 'melon'],
  ['weight', 4350],
  ['price', 16500],
  ['isFresh', true]
]
*/

30-4. for-in
객체/배열 순회 가능

for(let i in arr){
  console.log(i) //0, 1, 2, ...
  console.log(arr[i]) //arr[0], arr[1] ...
  

const obj = {
  name: 'melon',
  weight: 4350,
  price: 16500,
  isFresh: true
}

for(let key in obj){
  const value = obj[key]
  
  console.log(key) //'name', 'weight' ,,,
  console.log(value) // 'melon', '4350...'
}