●Object
○Object 기본 구조
○Object 생성 방법
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// {} --> 객체로 사용할꺼다
// 객체 -> 데이터, 기능
// 데이터, 기능을 속성값(Key)라는 곳에 저장한다.
// 각각의 속성은 ,로 구분을 해줘야 한다
let person = {
//이름
name : "임승환",
//나이
age : 20,
//성별
gender : "남자",
//숨쉬기
// 함수명 : 따로 함수를 선언해줄때는 무조건 붙어야 하지만
// 객체 안에서 속성에 함수를 선언해줄때는 생략 가능
breath : function (){
// 임승환 숨쉬다
console.log(this.name + " 숨쉬다");
},
//공부하기
study : function (){
console.log("공부하다");
}
};
// 객체 안에 있는 데이터와 기능에 접근
// --> 해당하는 키값으로 접근가능하다
console.log(person.name);
// 나이 접근
console.log(person.age);
// 객체 안에 있는 기능사용
person.breath();
</script>
</body>
</html>
○Object 실습
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// person
// 사람의 키에 대한 데이터를 사용하고 싶어요
// 객체 선언후 속성 추가하기
// 객체명.넣고싶은 속성명 = 원하는 데이터;
person.tall = 173;
console.log(person);
// 주소(address) 추가
person.address = "광주";
// 영화(favMovies) 추가
person.favMovies = ["어벤져쓰", "캡틴마블", "정글북", "극한직업"];
// 음식(favFood) 추가
person.favFood = ["김치","몬스터X버거"];
// greeting() 추가
person.greeting = function(){
document.write(person.name + "님의 나이는 " + person.age + "이고 성별은 " + person.gender+ "입니다. <br>")
document.write("사는 곳은 " + person.address + "이고 좋아하는 영화는 " + person.favMovies + " 등이 있습니다. <br>")
document.write("좋아하는 음식은 " + person.favFood + "입니다.")
};
// greeting() 호출
person.greeting();
</script>
</body>
</html>
코딩공부