[JS] 객체 리터럴

객체 리터럴

객체란?

: 객체 타입은 다양한 탕비의 값을 하나의 단위로 구성한 복합적인 자료구조다. 또한 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이지만, 객체 타입의 값, 즉 객체는 변경 가능한 값이다.

 

 

객체는 0개 이상의 프로퍼티로 구성된 집합, 키와 값으로 구성

  **함수도 값으로 취급할 수 있다. 함수일 경우 일반 함수와 구분하기 위해 메서드라고 부름**

let person = {
name: 'Son',
age : 29
};

객체는 프로퍼티와 메서드로 구성

+Property : 객체의 상태를 나타내는 값 (데이터)

+Method : 프로퍼티를 참조하고 조작할 수 있는 동작

 

---

프로퍼티 

: 객체는 프로퍼티의 집합이며, 프로퍼티는 키와 값으로 구성된다.

let person = {
name: 'Lee'
//프로퍼티 키는 name, 프로퍼티 값은 'Lee'
age : 20

//프로퍼티 키는 age, 프로퍼티 값은 20
};

• 프로퍼티 접근 방법 2가지 
    : 마침표 프로퍼티 접근 연산자 사용, 대괄호 프로퍼티 접근 연산자 사용 
• 프로퍼티 동적 생성 
  
  동적 생성의 예시 

    let person = {
     name : 'Son'
 };
 
 person.height = '183'

 console.log(person);
 // person '객체'에 height라는 '프로퍼티'가 동적으로 생성되고 183이라는 '숫자열' 값이 생성 됨

 

---

메서드 

: JS에서 사용할 수 있는 모든 값은 프로퍼티 값으로 사용 가능 JS 함수는 객체 (일급 객체)이다. 따라서 프로퍼티 값으로 사용 가능  

 

 💡 let circle = {
radius = 5, // 프로퍼티

getDiameter: function () { // 메서드
 return 2 * this.radius; // this는 circle을 가리킴
// '.' 이것의 radius

}

 
};

console.log(circle.getDiameter()); // 10