JS 객체

tpids·2024년 6월 6일

JS

목록 보기
11/40

객체(Object) : 객체지향 프로그래밍에서 데이터(속성)과그데이터에 관련되는 동작(절차,방법,기능)을모두포함한 개념

  • 객체는 property(속성)과 method(기능)으로 구성

  • 객체 내에는 기본데이터타입, Array, Object 등 데이터를 담을 수 있음

  • 객체 내 데이터를 접근하는 방법은 마침표(.)를 이용

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 객체 -> 모든 데이터를 담을 수 있고, 기능도 담을 수 있는 만능 주머니
        // {}안에 키 : 벨류 형태로 작성을 한다. 벨류에는 모든 형태의 데이터를 담을 수 있다.
        // 데이터 통신을 할 때 쉽게 접근하는 방법
        // 객체형태의 데이터라면 .key으로 꺼내오고, 배열이면 [index]으로 조회 ★
        let person = {
            age : 20,
            name : "철수",
            height : "200",
            hobby : ["축구", "야구"],
            data : {
                movie : "범죄도시",
                open : "6월 5일"
            },
            skill : function() {
                alert("불꽃발사!")
            }
        }
        // 객체에서 특정 데이터를 조회할 때는 반드시 key값을 통해서 조회한다.
        let age = person.age 
        console.log("꺼내온 사람의 나이는", age);
        // 객체에서 취미중에 야구를 꺼내보세요! -> 콘솔창
        console.log(person.hobby[1]);
        // 객체에서 movie 값을 꺼낼때
        console.log(person.data.movie);
        // 객체안의 함수를 호출하는 방법 -> 메소드
        person.skill()



    </script>
</body>
</html>
profile
개발자

0개의 댓글