[혼공학습단 11기] 혼자 공부하는 JS

[혼공JS] 5주차_객체(CH6)

김은정_ 2024. 2. 4. 05:43

✅ 기본 미션

객체, 속성, 메소드가 무엇인지 설명하기

  • 객체(Object)
    • 실제로 존재하는 사물
    • '이름과 값으로 구성된' 속성(property)을 가진 자바스크립트의 기본 데이터 타입
    • 생성: 중괄호 {...} 사용, 다음과 같이 자료를 쉼표로 연결해서 입력
      // 키:값 
      const product = { 
      	제품명: '망고', 
          유형: '건조', 
          원산지: '필리핀' 
      }​
    • 객체의 요소에 접근: 대괄호 [...] or 온점(.)를 사용하고 키를 입력
      product['제품명']	// '망고'
      product.원산지		// '필리핀'
  • 속성(Property)
    • 객체 내부에 있는 값
    • 모든 형태의 자료형을 가질 수 있음.
      const object = {
      	number: 273,
          string: '구름',
          boolean: true
          
          method: function () {}
      }
  • 메소드(Method)
    • 객체의 속성 중 함수 자료형인 속성
      const pet = {
      	name: '구름',
          eat: function (food) {}
      }
      
      // 메소드 호출
      pet.eat()