Front-end/JS

자바스크립트 객체

조 수빈 2022. 7. 6. 13:32

🔍 객체

자바스크립트는 객체(Object) 기반 프로그래밍 언어
객체는 기능(Method)과 속성(Property)을 가지고 있음

객체.메서드(); // 객체의 메서드 실행
객체.속성; // 객체의 속성값 가져옴
객체.속성 = 값; // 객체의 속성값 바꿈

🔹 내장 객체
- 자바스크립트 엔진에 내장되어 있음
- ex) 문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등
🔹 브라우저 객체 모델 (BOM, Browser Object Model)
- 브라우저에 계층 구조로 내장되어 있음
- ex) window, screen, location, history, navigator 객체 등
🔹 문서 객체 모델 (DOM, Document Object Model)
- HTML 문서 구조
- 최상위 객체로 <html>이 있으며, 그 하위 객체로는 <head>, <body>

참조 변수(인스턴스 이름) = new 생성 함수()
ex) var tv = new Object();

날짜 정보 객체(Date Object)
- 현재 날짜 정보를 제공하는 Date 객체 참조 변수 = new Date();
- 특정 날짜의 정보를 제공하는 Date 객체 참조 변수 = new Date("연/월/일);, 참조 변수 = new Date("연, 월-1, 일);
- 날짜 관련 메서드 (날짜 정보를 가져올 때(Get), 수정할 때(Set))
  자주 사용되는 메서드 위주로 추후 수정
수학 객체(Math Object)
- 수학 객체의 메서드 및 상수
  자주 사용되는 메서드 위주로 추후 수정
배열 객체(Array Object)
- 여러 개의 데이터를 하나의 저장소에 저장하기 위한 배열 객체
- var 참조 변수 = new Array(); 참조 변수[0] = 값1; ... 참조 변수[n-1] = 값n;
  var 참조 변수 = new Array(값1, 값2, 값3, ... 값n);
  var 참조 변수 = [값1, 값2, 값3, ... 값n];
- 배열 객체의 메서드 및 속성
  자주 사용되는 메서드 위주로 추후 수정 ex) pop, push, shift, unshift
문자열 객체(String Object)
- var 참조 변수 = new String(문자형 데이터), var 참조 변수 = 문자형 데이터
  ex) var t = new String("hello javascript");, var t = "hello javascript";
- 문자열 객체의 메서드 및 속성
  자주 사용되는 메서드 위주로 추후 수정

계층적 구조, BOM

window 객체
- 브라우저 객체의 최상위 객체
- window 객체의 메서드 종류
  자주 사용되는 메서드 위주로 추후 수정
screen 객체
- 사용자의 모니터 정보(속성)을 제공하는 객체
- screen.속성; ex) screen.width; //모니터의 너비 반환
- screen 객체의 메서드 종류
  자주 사용되는 메서드 위주로 추후 수정
location 객체
- 사용자 브라우저와 관련된 속성과 메서드를 제공하는 객체
- location.속성;, location.메서드();
- location 객체의 메서드 종류
  자주 사용되는 메서드 위주로 추후 수정
history 객체
- 사용자가 방문한 사이트의 기록을 남기고 이전 방문 사이트와 다음 방문 사이트로 다시 돌아갈 수 있는 속성과 메서드를 제공하는 객체
- history.속성;, history.메서드();, history.메서드(n);
- history 객체의 메서드 종류
  자주 사용되는 메서드 위주로 추후 수정
navigator 객체
- 현재 방문자가 사용하는 브라우저 정보와 운영체제 정보를 제공하는 객체
- navigator.속성;
- navigator 객체의 메서드 종류
  자주 사용되는 메서드 위주로 추후 수정

배운 것을 기록하여 정리하는 공간