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

 

 

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

·       객체는 키와 값으로 이루어졌으며(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(){ 코드; } };