달력

10

« 2020/10 »

  •  
  •  
  •  
  •  
  • 1
  • 2
  • 3
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31


 

 

객체 리터럴 방식으로 객체 생성하기

·       객체는 키와 값으로 이루어졌으며(key value ),

·       중괄호({ }) 객체를 생성하고, 중괄호안에서 "프로퍼티이름":"프로퍼티값" 형태(key:value) 속성을 지정합니다.

·       객체의 속성 값에 접근할 때는 키로 접근합니다.

·       중괄호 안에 아무것도 적지 않으면, 객체 생성됩니다.

·       만약 객체의 키로 식별자가 아닌 문자를 사용했을 때는 무조건 대괄호를 사용하여 접근합니다.

 

 

 

객체 생성 형식

·       중괄호({ }) 객체를 생성합니다.

·       큰따옴표 혹은 작은따옴표로 감싼 속성이름과 속성값을 콜론(:)으로 연결한 쌍으로 표기합니다.(key:value)

·       다른 프로퍼티는 쉼표(,) 이용하여 구분합니다.

·       객체 리터럴 구문이라고도 부르며 간결하고 편리하다는 장점이 있습니다.

 

var 객체명 = {

    프로퍼티이름:'프로퍼티값',

    속성명:'속성값',

    속성이름:"속성값",

    key:'value'

       

}; 

 

 

 

구분

설명

객체

·       속성이름과 속성값의 쌍으로 이루어진 속성들을 포함하는 컨테이너

속성

·       이름(key) (value) 쌍으로 이루어져 객체라는 컨테이너에 담겨지는 데이터입니다.

·       객체에 포함할 있는 속성은 숫자, 문자열, 불린, null, undefined 물론 배열, 함수, 객체 모든 형태의 자료형을 가질 있습니다.

속성명

·       문자열을 포함하여 어떤 문자열이나 숫자도사용가능합니다.

·       사용 가능한 식별자로 명명

·       예약어가 아닐 경우 속성이름을 감싸고 있는 따옴표를 생략 가능

속성값

·       객체를 포함하여 값을 나타내는 어떤 표현식도 가능

메서드

·       속성값이 함수인 속성

·       메서드는 함수이기 때문에 자료형의 값을 가지는 속성에 접근하는 것과 달리, 객체의 속성이름 뒤에 괄호를 열고 닫아 접근합니다.

 

 

객체 선언시 각각 이름, 나이, 직업에 값을 부여하고 있습니다. 객체는 변수 키와 값이 쌍을 이루는데, 이러한 것들의 집합으로 있습니다.

var member = {

name : 'foo',

age : 20,

job : 'student'

};

 

 

 

객체에 메서드 지정

var member = {

name:'foo',

age:20,

job:'student'

eat:function(){

코드;

}

};

 

 


Posted by codedragon codedragon

댓글을 달아 주세요