[Javascript] 객체와 배열이 섞인 복잡한 객체에 접근하는 방법

참조타입(Reference type)중에 객체(Object)와 배열(Array)이 있다.

• 객체 :
  중괄호{} 안에 객체의 속성은 key : value 형태로 순서없이 저장된다.
  요소에 접근하는 방법으로 두 가지 방법이 있다.
  ¹ 객체['변수이름'] Bracket Notation 방법
  ² 객체.변수이름 Dot Notation 방법

    let object = {
      key1: 'value1',
      key2: 'value2'
    }
    console.log(object['key1'])   // ¹value1
    console.log(object.key2)      // ²value2

• 배열 :
  대괄호[] 안에 다양한 데이터 타입이 순서대로 저장된다.
  배열의 요소는 인덱스로 접근한다.

    let array = [ 'value1', 'value2' ]
    console.log(array[0])       // value1
    console.log(array[1])       // value2

• 객체와 배열이 섞인 복잡한 객체:
  복잡한 객체의 구조에 따라서 순서대로 접근 방식대로 적용하면 된다!
  객체<배열<객체 구조

const myCart = {
  id: 'cart123',
  items: [
    { item: 'Apple', quantity: 3 },
    { item: 'Orange', quantity: 2 },
    { item: 'Banana', quantity: 5 }
  ]
}

// 순서대로 객체 안의 속성, 배열 전체, 배열의 요소에 접근
console.log(
  myCart['id']     // cart123
  myCart.items  // 0: {item: 'Apple', quantity: 3}
		// 1: {item: 'Orange', quantity: 2}
		// 2: {item: 'Banana', quantity: 5}
  myCart.items[0] // {item: 'Apple', quantity: 3}
)

// for of 반복문으로 객체 안의 배열로 접근하여, 배열 안의 객체의 key값으로 접근
for (let i of myCart.items) {
  // i는 items 배열(객체 형태)을 순서대로 하나씩 값을 가진다.
  console.log(i.item)   // Apple
			// Orange
			// Banana
}