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 객체

- 배열에 활용하는 많은 속성과 함수가 미리 정의되어 있는 객체

- 초깃값이 없을 때