[JavaScript] 객체란?

    

 

객체(Object)란?

- 실생활에서 우리가 인식할 수 있는 사물이라고 생각하시면 됩니다.

- 이 부분에서 이해가 잘 안되셔도 아래 글들을 읽어보시면 객체가 무엇인지 완벽하게 이해하실 수 있으실 겁니다.

 

프로퍼티(property)

- dog.name = "하얀"

- dog.color = "베이지"

- dog.age = 13

- dog.address = "주엽"

 

메소드(Method)

- dog.cry()

- dog.act()

- dog.eat()

 

---

자바스크립트 객체

- 자바스크립트의 기본 타입은(data type)은 객체(object)입니다.

 

객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합입니다.

프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 합니다.

<script>
    var dog = "하얀"; // 일반 변수로 "하얀" 선언
    // 객체도 많은 값을 가지는 변수의 하나임
    var hayan = { name:"하얀", color:"베이지", age:13 };
    document.write(dog + "<br>") // 하얀
    document.write(hayan.name); // 하얀
</script>

 

자바스크립트에서는 숫자, 문자열, 불리언, underfined 타입을 제외한 모든 것이 객체입니다.

하지만 숫자, 문자열, 불리언과 같은 원시 타입은 값이 정해진 객체로 취급되어, 객체로서의 특징도 함께 가지게 됩니다.

 

---

객체의 프로퍼티 참조

객체이름.프로퍼티
객체이름["프로퍼티이름"]

 

<script>
    var person = {
        name:"홍길동", // 이름 프로퍼티를 정의함
        birthday:"950921", // 생년월일 프로퍼티를 정의함
        pid:"1234567", // 개인 id 프로퍼티를 정의함
    };

    document.write(person.name + "<br>"); // 홍길동
    document.write(person["name"]); // 홍길동
</script>

 

---

객체의 메소드 참조

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

 

    var person = {
        name:"홍길동", // 이름 프로퍼티를 정의함
        birthday:"950921", // 생년월일 프로퍼티를 정의함
        pid:"1234567", // 개인 id 프로퍼티를 정의함
        fullId: function () { // 생년월일과 개인 id를 합쳐서 주민등록번호를 반환함
            return this.birthday + this.pid;
        }
    };

    document.write(person.fullId() + "<br>"); // 9509211234567