<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script>
// 객체 : 동적객체(객체 생성 후에도 속성/메서드가 추가가 가능하다.)
let user = {id : 1, name : 'goodee'}
console.log(user);
user.pw = '1234'; //동적으로 속성/메서드 추가가 가능하다.
console.log(user);
// 속성 접근 방법
let user2 = {
id:1,
name : 'goodee',
eat: function(){
console.log('먹다');
}
};
// 1. [] 참조연산자, 속성(메서드)이름은 문자
console.log('name :' , user2['name']);
// 2. . 참조연산자도 사용 가능
console.log('name :' , user2.name);
// 메서드 호출
user2['eat']();
user2.eat();
// 객체의 속성과 메서드
let user3 ={
id : 1, // 숫자타입
name : 'goodee', // 문자 타입
oper : true, //블리언타입
loc : ['본관','별관'], //배열타입
print : function(){
console.log('안녕하시와요.'+this.name+'입니다'); // this는 자기 자신을 부른다
console.log(`안녕하시와요. ${this.name}입니다`); // `` 사용하면 위에것보다 쉽게 코딩할 수 있음
}// 코드타입(함수타입) : 객체안의 함수를 메서드라 부른다
};
console.log('id :', user3.id);
console.log('loc[1] : ', user3.loc[1]);
user3.print();
</script>
<body>
</body>
</html>
JSD