JavaScript - 객체 (10)

 

JavaScript - 객체 (10)

 

1. 객체(Object)

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

 자료형(DataType)

 원시자료형(Primitive Data Types)

   - Number, String, Boolean, null, undefined, Symbol

 객체타입(Object Data Types)

   - Object, Array, Function, Date, Map, Set

 

2. 객체생성

 - 객체는 key - value쌍의 컬렉션으로 키는 문자열 또는 심볼, 값은 어떠한 데이터 타입도 올 수 있다.

let obj1 = new Object(); // 객체 생성자
let obj2 = {}; // 객체 리터럴

 

3. 객체 속성

let person = {
  name: "arang",
  age: 29,
  hobby: "보드",
};

 

4. 객체 속성을 다루는 방법

 4-1. 점표기법, 괄호 표기법

let name = person.name;
console.log(name);

let age = person["age"];
console.log(age);

let property = "hobby";
let hobby = person[property];
console.log(hobby);

 

 4-2. 프로퍼티를 추가하는 방법

person.job = "developer";
person["faveriteFood"] = "치킨";
console.log(person);

 

 4-3. 프로퍼티를 수정하는 방법

person.job = "educator";
person["faveriteFood"] = "초콜릿";
console.log(person);

 

 4-4. 프로퍼티를 삭제하는 방법

delete person.job;
console.log(person);

 

 4-5. 프로퍼티의 존재 유무를 확인하는 방법(in 연산자)

let result1 = "name" in person;
console.log(result1);
let result2 = "job" in person;
console.log(result2);

 

5. 상수(Constant Object)

 - const키워드로 선언된 객체의 속성은 자유롭게 추가, 수정, 삭제할 수 있다.

// 5. 상수객체
const animal = {
  type: "강아지",
  name: "리트리버",
  color: "black",
};

animal.age = 9; // 추가
animal.name = "골든리트리버"; // 수정
delete animal.color; // 삭제
console.log(animal);

 

6. 메서드

 - 객체의 프로퍼티 값으로 저장된 함수로 특정 작업을 수행한다.

 - 메서드는 점 표기법, 대괄호 표기법을 사용해서 호출할 수 있다.

// 6. 메서드
// 값이 함수인 프로퍼티

const person = {
  name: "arang",
  // 메서드 선언
  sayHello() {
    console.log("안녕하세요.");
  },
};

person.sayHello();
person["sayHello"]();