안녕하세요.
이번에는 JavaScript의 객체에 대해서 간단하게 알아보겠습니다.
자세한 내용을 알고 싶으시면 다른 페이지를 참고하시는 것을 추천드립니다!
1. 객체
속성 - 객체 안에 존재하는 명사들
실생활에서 우리가 인식할 수 있는 사물 또는 동
ex) 고양이
속성
- 이름 - 나비
- 나이 - 1
메서드
- mew() - 울다
- eat() - 먹다
예시로 고양이를 가지고 생각한다면 속성으로는 이름과 나이라고 할 수 있고 메서드로는 울다, 먹다와 같은 행동을 표현할 수 있습니다.
위 내용을 코드로 작성한다면 다음과 같이 작성할 수 있습니다.
var cat = {
name: “나비”,
age : 1,
mew : function() {
return “냐옹”;
}
};
console.log를 이용해서 cat이라는 객체를 출력해 봅니다.
<!DOCTYPE html>
<html lang="en, ko">
<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>JS 객체</title>
<script>
var cat = {
name: '나비',
age: 1,
mew: function() {
return "야옹";
}
}
console.log(cat);
console.log(cat.name);
console.log(cat.age);
console.log(cat.mew());
</script>
</head>
<body>
</body>
</html>
cat 객체를 각각 출력하면 다음과 같이 나옵니다.
이상으로 JavaScript의 객체에 대하여 알아보았습니다.
감사합니다.
반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] 딕셔너리(dictionary)에 대해서 알아보기 (0) | 2023.01.18 |
|---|---|
| [JavaScript] 배열에 대해서 알아보기 (0) | 2023.01.16 |
| [JavaScript] return 명령어에 대해서 알아보기 (0) | 2023.01.14 |
| [JavaScript] 반복문에 대해서 알아보기 (0) | 2023.01.13 |
| [JavaScript] 조건문에 대해서 알아보기 (0) | 2023.01.11 |