[javascript] 객체 - 가질수 있는 자료형

1. 객체  - 정의

객체란 무엇인가?

객체는 배열과 굉장히 유사함

하지만 차이점이 있다면 인덱스로 접근하는지 키 값으로 접근하는지의 차이

  

※ 배열과 객체의 차이

배열 - 요소를 접근하고자 할 경우 인덱스를 사용

객체 - 요소를 접근하고자 할 경우 키를 사용

※ 배열과 객체의 예

배열 : var test = [ 'test1','1000','test1']

객체 : var test = { name:'test1' , amt:'1000' , id:'test1' }

2. 객체 - 속성으로 가질 수 있는 자료형

String 타입 → name :'test1'

  

Number 타입 → amt : 1000

Boolean 타입 → job : ture

Array 타입 → hobby : [ '축구' , '야구', '농구']

Method → function() {} 

3. 객체 - 예제

◈ 코드

$(document).ready(function () 
{
    var test = {
        name : 'test',
        amt : 1000,
        job : true,
        hobby : ['축구','야구','농구'],
        age : function (v_age){
                
                alert(this.name +'의 age는 '+ v_age+'세 입니다');
                //test의 age는 60세 입니다

                alert(this.name +'의 amt는 '+ this.amt+' 입니다');
                // test의 amt는 1000 입니다                

                alert(this.name +'의 amt는 '+ amt+' 입니다');
                // Error - amt is not defined : alert이 출력되지 않음
         }        
    };

    test.age(60);    

});

---

◈ 설명

test.age(60)을 호출함으로써 test  객체의 age 라는 메소드를 실행합니다

맨 마지막 alert 창은 호출하지 않음 - 오류가 발생합니다

주의사항은 만약 test 안에 있는 키를 호출하고자 할 경우에는 반드시 this를 붙여줘야 합니다