7. 객체와 배열-1

객체는 프로퍼티와 메소드를 가지고 있는 자바스크립트의 핵심적인 개념입니다. 객체를 생성하는 방법에는 리터럴 표기법, 생성자 함수, 클래스 등이 있으며, 이번 섹션에서는 리터럴 표기법을 이용한 객체 생성 방법에 대해 알아보겠습니다.

객체 리터럴 표기법을 이용한 객체 생성

객체 리터럴 표기법은 중괄호({})를 이용하여 객체를 생성하는 방법입니다. 중괄호 안에 프로퍼티와 그 값들을 콜론(:)으로 구분하여 작성합니다. 여러 개의 프로퍼티가 있을 경우 콤마(,)로 구분합니다.

const person = {
  name: 'John',
  age: 30,
  gender: 'male',
  greet: function() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};

위 예제에서 person 객체는 name, age, gender, greet 프로퍼티를 가지고 있습니다. greet 프로퍼티의 값은 함수이며, 이를 메소드라고 부릅니다.

객체 프로퍼티에 접근하기

객체의 프로퍼티에 접근하기 위해서는 도트(.) 또는 대괄호([]) 표기법을 사용할 수 있습니다. 도트 표기법은 객체이름.프로퍼티이름의 형태로 사용하며, 대괄호 표기법은 객체이름['프로퍼티이름']의 형태로 사용합니다.

console.log(person.name); // 'John'
console.log(person['age']); // 30

객체의 메소드 호출하기

객체의 메소드를 호출하기 위해서는 객체 이름 뒤에 도트(.) 연산자를 붙이고 메소드 이름을 적어줍니다. 메소드를 호출할 때에는 ()를 붙여줍니다.

person.greet(); // 'Hello, my name is John.'

객체의 프로퍼티 수정하기

객체의 프로퍼티 값을 수정하려면 도트(.) 또는 대괄호([]) 표기법을 사용하여 수정하려는 프로퍼티 이름에 새로운 값을 할당하면 됩니다.

person.age = 35;
person['gender'] = 'female';
console.log(person.age); // 35
console.log(person.gender); // 'female'

객체의 프로퍼티 삭제하기

객체의 프로퍼티를 삭제하기 위해서는 delete 연산자를 사용합니다.

delete person.age;
console.log(person.age); // undefined