자바스크립트 - 객체

객체?

• 실생활에서 우리가 인식할 수 있는 사물로 이해할 수 있음.
• 일반적으로 여러 데이터와 함수로 이뤄진다.
• 객체란 이름(key)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합.

var person = {
    name: 'Park Jin',
    age: 31,
    introduce: function() {
        return 'my name is ' + this.name + ' and my age is ' + this.age
    }
};

console.log('person.name :: ', person.name); // person.name ::  Park Jin
console.log('person.age :: ', person.age); // person.age ::  31
console.log(person.introduce()); // my name is Park Jin and my age is 31

객체 프로퍼티 참조

객체이름.프로퍼티이름 (기본 사용)
OR
객체이름["프로퍼티이름"] (key에 특수문자 포함시 사용)

var person = {
    'birth-day': '1989-12-21'
};

// birth - day로 인식
console.log(person.birth-day) // ReferenceError: day is not defined
console.log(person['birth-day']) // 1989-12-21

객체 메서드 참조

객체이름.메소드이름()

var person = {
    name: 'Park Jin',
    age: 31,
    introduce: function() {
        return 'my name is ' + this.name + ' and my age is ' + this.age
    }
};

console.log(person.introduce()); // my name is Park Jin and my age is 31

---

객체 생성

리터럴 표기를 이용한 객체의 생성

• 이름과 값을 콜론(:)으로 연결하고, 쉼표(,)를 사용해 다른 프로퍼티와 구분한다.

var 객체 이름 = {
    프로퍼티명1: 값1,
    프로퍼티명2: 값2
}

var person = {
    name: 'Park Jin',
    age: 31,
    introduce: function() {
        return 'my name is ' + this.name + ' and my age is ' + this.age
    }
};

생성자를 이용한 객체의 생성

• new 연산자를 사용하여 객체를 생성하고 초기화할 수 있음.
• 이때 사용되는 메소드를 생성자(constructor)라고 하며, 새롭게 생성되는 객체를 초기화하는 역할을 한다.

var Person = function(name, age) {
    this.name = name;
    this.age = age;
    this.introduce = function() {
        return 'my name is ' + this.name + ' and my age is ' + this.age;
    }
};

var person = new Person('Park Jin', 31);
console.log('person.name :: ', person.name); // person.name ::  Park Jin
console.log('person.age :: ', person.age); // person.age ::  31
console.log(person.introduce()); // my name is Park Jin and my age is 31

---

출처

http://tcpschool.com/javascript/js_object_propertyMethod

코딩교육 티씨피스쿨