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);
}
};
'Frontend > JavaScript' 카테고리의 다른 글
window 객체의 opener 사용하기 (0) | 2023.10.15 |
---|---|
자바스크립트 null, undefined, NaN의 차이 (0) | 2023.10.08 |
크롬 브라우저에서 자바스크립트 디버깅 하는 법 (0) | 2023.08.27 |
자바스크립트(2) - Rest, 클로저, 화살표 함수 (0) | 2022.09.26 |
자바스크립트(1) - 요소 값 접근 (0) | 2022.09.24 |