객체

imjingu·2023년 7월 20일
0

개발공부

목록 보기
171/481

객체 object
자바스크립트에서 여러 자료를 다룰때 사용
여러개의 데이터를 하나의 변수에 저장하는 방식은 배열과 비슷하지만
인덱스를 사용하지 않고 키를 사용하는 것이 다름.

let studentName, studentAge, studentGrade - 이렇게 하나하나 정하는 것보단

let student
student.name, student.age, student.grade - 이렇게 큰 틀을 만드는게 호출하거나 선언하기 편함

c를 공부했다면 구조체의 모델로 해서 함수까지 저장할 수 있도록 함.
자바를 공부했다면 클래스 뿐만 아니라 다른 방식으로도 객체 생성이 가능
객체 상태에서도 속성 추가 가능. 설계도 개념이 약함

클랫를 비롯해 여러 방식으로 만들 수 있고
기본적 만드는 방식(객체 리터널 문법)은 다른 언어의 딕셔너리 자료형이나 맵 자료형과 만드는 방법이 비슷한데
자바스크립트의 경우 함수도 요소가 될 수 있음
객체에 소속된 함수를 메서드 라고 부름

    속성
    키 key : 값 value
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        

        //변수, 객체 를 선언
        const pet = {
            name : 'koko', // 키 = name , 속성 = koko
            eat: function (food) {
                // this 키워드 : 매서드 내에서 자기자신 객체가 가진 속성을 출력 하고 싶을때 자신이 가진 속성이라는 것을 표시 할때 사용
                document.write(this.name + '은/는' + food + '을/를 먹습니다.<br>');
            }, //키는 eat, 속성은 익명 메서드
        }

        document.write('강아지 이름은 ' + pet.name + '입니다.<br>')
        document.write('강아지 이름은 ' + pet['name'] + '입니다.<br>'); // 대괄호를 이용해서 속성 접근

        //메서드를 호출
        pet.eat('밥');
        
    </script>
</head>
<body>
    
</body>
</html>

0개의 댓글