JS
JS문법3 - 객체, 사용자 정의, Array
Howu
2023. 3. 4. 00:58
객체란
- 객체는 자료를 저장하고 처리하는 기본 단위
- JS 프로그램에서 인식할 수 있는 모든 대상
- 복합 자료형
var book = {
title: "자바스크립트", //제목
author: "홍길동", //저자
pages: 500, //쪽수
price: 15000 //가격
}
내장 객체
- 미리 정의되어 있는 객체
1) 문서 객체 모델(DOM): 문서 뿐 아니라 웹 문서 안에 포함된 이미지, 링크, 텍스트 필드 등을 모두 별도의 객체로 관리
2) 브라우저 객체 모델: 웹 브라우저 정보를 객체로 관리
사용자 정의 객체
- 필요할 때마다 사용자가 직접 만드는 객체
속성(Property)
- 객체에 담고 있는 값
- 객체명.속성명
메서드(Method)
- 객체의 동작을 정의한 함수 (객체 안의 함수)
- Windows 객체에는 알림 창을 표시하는 alert()가 있다.
- window 객체는 최상위 객체이므로 window 생략하고 그냥 alert()라고 쓸 수 있음
프로토타입
- 객체의 속성과 메서드를 모아놓은 틀 같은 것
인스턴스
- 프로토타입으로 찍어낸 객체. 프로토타입의 속성과 함수를 똑같이 사용함.
사용자 정의 객체
function Book(author, pages, price, title) {
this.author = author;
this.pages = pages;
this.price = price;
this.title = title;
}
jsBook = new Book("홍길동", 500, 15000, "자바스크립트") //인스턴스 만들기
jsBook.title //jsBook 객체에서 속성 값 확인하기
Array 객체
- 배열에 활용하는 많은 속성과 함수가 미리 정의되어 있는 객체
- 초깃값이 없을 때