자바스크립트(3) - 객체 생성

 

 

1. 객체 이니셜라이저(객체 리터널)를 이용하여 객체 생성

// 객체 생성
var obj = {name: '홍길동', age: 20};
// var obj = { 'name':'홍길동', 'age':20 } Key에 ' '를 붙여도 가능하다.

// 객체 타입 확인
console.log( typeof obj ); // "object" 

// 객체 필드 접근
console.log( obj.name ); // 홍길동

// 속성값 변경
obj.name = '김길동';
console.log( obj.name ); // 김길동

// 동적으로 속성 추가
obj.hobby = 'baseball'; // 객체 안에 hobby라는 Key가 존재하지 않지만 초기화를 함으로써
						// baseball이라는 value(값)를 가진 hobby(Key)가  obj(객체)에 추가 된다.

 

2. 같은 방법으로 빈 객체와 메소드 또한 만들 수 있다. 

// 빈 객체 생성
var obj2 = {}; 


// 메소드 생성
var obj3 = {
	name:'홍길동',
	age:20,
	state:function() {
		return this.age>=19? '성인':'미성년자';
	},
	msg:function() {
		// 메소드에서 프로퍼티나 다른 메소드를 호출할 때 this 생략 불가
		let s= `${this.name}님은 ${this.state()} 입니다.`;
		console.log(s);
	}
};