icon_home

11_객체(object)_사용자 정의객체

객체(object)란?

• 이름(key)과 값(value)로 구성된 속성을 담아놓은 컨테이너이다.

• 객체(object)는 메서드와 속성으로 나누어진다

• 메서드 : 기능적인 동작을 말함 / 동사_document.write(문서작성) _ 객체에 함수를 선언하면 메서드(method)를 사용할 수 있음

• 속성 : 정해진 기능 -> 서식 등을 말함 / 명사_style.color(서식) _ 객체에 변수를 선언하면 속성(property)을 사용할 수 있음.


객체의 종류

• 사용자 정의 객체 : 내장 객체를 제외한 사용자가 원하는 내용을 토대로 직접 객체를 선언하여 작성하는 방법

• 내장 객체 : 자바스크립트에서 미리 정해놓은 객체로 다양한 종류가 있음

내장객체에는 수학객체(Math), 배열객체(Array), 날짜객체(Date), 문자열객체(String), 문서객체(Document), 윈도우객체(Window)등이 있음

1. 사용자 정의 객체

• 사용자 정의 객체 : 내장 객체를 제외한 사용자가 원하는 내용을 토대로 직접 객체를 선언하여 작성하는 방법

      //사용자 정의 객체 만드는 방법 1
      let 객체이름 = new Object();

      //사용자 정의 객체 만드는 방법 2
      let 객체이름 = {
        이름1 : 값1
        이름2 : 값2
        이름3 : 값3
      }

2. 사용자 정의 객체 실습1 _ let 객체이름 = new Object();

휴대폰 정보 입력하기

실습1

3. 사용자 정의 객체 실습2 _ let 객체이름 = {이름 : 변수명(or 값)}

• 두 번째 객체생성 방법을 통해 개인정보 입력양식을 만들어 사용자가 '성', '이름', '나이', '키', '몸무게'를 입력하고 '신청완료'를 누르면 객체정보가 출력되게 하기

• 나의 이름은 '홍길동'이고, 나이는 '23'세이며, 키는 '175', 몸무게는 '59'kg입니다.

사용자 정의 객체 _ 사용자 정보 출력하기

 

실습2