[JS] 16_자바스크립트와 객체

Frontend/Study

[JS] 16_자바스크립트와 객체

BeNI 2021. 7. 16. 20:07

728x90

# "Do it! HTML+CSS+자바스크립트 웹 표준의 정석" 책을 바탕으로 작성하였습니다.

1. 객체 알아보기

1) 객체

- 자바스르비트에서의 객체 : 프로그램에서 인식할 수 있는 모든 대상

- 객체는 인스턴스의 형태로 만들어서 사용해야 함

ⓐ 인스턴스 만들기

new 객체명

ex) Date 객체의 인스턴스 만들기

var now = new Date();
document.write("현재 시각은 " + now);

2) 프로퍼티와 메서드

ⓐ 프로퍼티 : 객체의 특징이나 속성 ex) 제조사, 모델명, 색상, 배기량

ⓑ 메서드 : 객체에서 할 수 있는 동작 ex) 시동걸기, 움직이기, 멈추기, 주차하기

2. 자바스크립트의 내장 객체

1) Array 객체

var numbers = new Array();   //배열의 크기 지정안함
var numbers = new Array(4);  //배열의 크기가 4인 인스턴스 생성
var numbers = ["one", "two", "three", "four"];
var numbers = Array("one", "two", "three", "four");

> Array 객체의 메서드

- 자주 사용하는 연산

종류	설명
length	배열 요소의 개수
push/pop	배열 끝 항목 추가/제거
reverse	배열 요소 뒤집기
splice(이름, 인덱스)	인덱스 위치에 있는 요소 제거

* 이외의 연산 : Array - JavaScript | MDN (mozilla.org) 참조

2) Date 객체

- 날짜와 시간 정보를 나타낼 수 있음

new Date();  //현재 날짜 나타내기
new Date("2021-07-16") //특정 날짜 나타내기

> Date 객체의 메서드

- 주로 쓰는 연산

구분	설명
getMonth/Date/Day/Time/Hours/Minutes/Seconds	월/일/요일/시간/시/분/초 표시
setMonth/Date/Day/Time/Hours/Minutes/Seconds	월/일/요일/시간/시/분/초 설정
toString()	Date객체 타입을 문자열로 표시

* 이외의 연산 Date - JavaScript | MDN (mozilla.org)

3) Math 객체

Math.프로퍼티명
Math.메서드명

> 주로 쓰는 연산

종류	설명	종류	설명
abs()	절대값 반환	max/min	최대, 최소 반환
random()	0과 1 사이 무작위수 반환	round()	반올림

3. 브라우저와 관련된 객체

종류	설명
window	브라우저 창이 열릴 때마다 하나씩 만들어짐
document	웹 문서마다 하나씩 있으며 <body>태그를 만나면 만들어짐
navigator	현재 사용하는 브라우저 정보 들어있음
history	현재 창에서 사용자의 방문기록 저장
location	현재 페이지의 url정보 담겨있음
screen	현재 사용하는 화면 정보를 다룸