JavaScript [Chapter 4 자바스크립트와 객체]

Chapter 4. 자바스크립트와 객체

 

기본형 : new 객체명

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

 

객체에는 property와 method가 있음

property는 속성값, method는 동작.

 

 

- 자바스크립트의 내장 객체

Array 객체(배열)

let colors = ["red", "green", "blue", "white", "black"];

Array 객체에는 여러가지 메서드가 있음.

요소를 추가, 삭제, 꺼내기 등등...

 

 

Date 객체

다음과 같은 형식으로 Date 객체를 만들 수 있다.

new Date("2020-02-25")
new Date("2020-02-25T18:00:00")
new Date("02/25/2020")
new Date("Mon Jan 20 2020 15:00:41 GMT+0900 (대한민국 표준시)")

Date 객체의 메서드는 날짜, 시간정보를 가져오거나 날짜,시간을 설정하는 메서드 등이 있다.

(getFullYear(), getMonth(), getDay(), getHours(), getMinutes(), getSeconds() 등...)

 

 

 

Math 객체

수학 계산과 관련된 메서드들이 많이 포함되어 있음.

주로 많이 사용하는 메서드는 소수점 값을 컨트롤할 수 있는 floor(), ceil(), round()와

최대값 max(), 최소값min(), 지수 계산 pow(), 0~1 사이의 무작위 수를 반환하는 random() 등이 있다.

let randomNum = Math.floor(Math.random() * 100) + 1;

(1~100 사이의 정수를 randomNum에 담았다)

 

 

브라우저와 관련된 자바스크립트의 내장 객체

주로 사용하는 객체로는 window와 window의 하위 객체 - document, navigator, history, location, screen 가 있다.

 

alert() 나 prompt() 는 window 객체의 메서드인데, 원래는 window.alert()로 사용해야 하나 window같은 기본객체는 앞의 window.를 생략하고 alert()만으로도 사용이 가능하다.

 

window 에서 자주 사용하는 메서드로는 open()이 있다.

window.open(경로, 창의 이름, 창 옵션) 으로 사용하면 된다.

window.open("notice.html", "popup", "width=500, height=400, left=100, top=200");

 (왼쪽에서 100픽셀, 위에서 200픽셀 떨어진 위치에 팝업창을 표시)

 

---

출처 : Do it! 한 권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석