[JavaScript] 객체

객체(object) 란?

원시 타입이 아닌 객체 타입의 자료형,
여러가지 값을 동시에 저장할 수 있는 자료형을 의미

객체 생성

way1 객체 생성자
let obj1 = new Object() 

way2 객체 리터럴 (대부분 사용)
let obj2 = {} 

---

객체 프로퍼티(속성)

let person = {
    name : "sooxpak",
    age : 20,
    location : "Seoul",
    extra : {},
    10 : 20,
    "like cat" : true,
}

kay : value,
key : value,
...

---

객체 프로퍼티를 다루는 방법

특정 프로퍼티에 접근

way1 점 표기법
let name = person.name;

way2 괄호 표기법
let age = person["age"]; //[]안은 "" 사용하여 문자열로 작성

새로운 프로퍼티 추가

way1
person.job = "fe dev";

way2
person["favoriteFood"] = "떡볶이";

기존 프로퍼티 수정

way1
person.job = "teacher";

way2
person["favoriteFood"]='초콜릿';

기존 프로퍼티 삭제

way1
delete person.job;

way2
delete person["favoriteFood"];

프로퍼티 존재 유무 확인

let result1 = "name" in person;
// 존재하면 true, 존재하지 않으면 false 반환

---

상수 객체

const animal = {
    type : "고양이",
    name : "나비",
    color : "black",
}

추가‧수정‧삭제는 가능하지만 상수이기 때문에 새로운 값 할당은 X
animal = { a : 1} // 에러

---

메서드

값이 함수인 프로퍼티

const person = {
    name : "soo",
    
    // way1
    sayHi : function (){
        console.log('h');
    }
    
	// way2
     sayHi :  () => {
        console.log('h');
    }
    
    //way3
     sayHi (){
        console.log('h');
    }
};

메서드 호출

way1
person.sayHi();

way2
person.["sayHi"]();