Math 내장객체 & Data 내장 객체

Math 내장객체

---

• 수학과 관련된 기능을 제공한다.

int abs(int param)

• param의 절대값을 리턴한다.

int max(int a, int b)

• a와 b중에서 큰 값을 리턴한다.

int min (int a, int b)

• a와 b중에서 작은 값을 리턴한다.

int round(Number num)

• num을 소수점 첫째 자리에서 반올림한 결과를 리턴한다.

int floor (Number num)

• 소수점 이하 값을 버린다.

int ceil(Number num)

• 소수점 이하 값을 올린다.

랜덤값 얻기

Math.random() 함수는 0에서 1사이의 난수를 발생시켜 리턴한다. 실수 형태로 리턴되는 값은 범위르 ㄹ조절하기 쉽지 않기 때문에 다음과 같이 함수를 정의하여 사용해야 한다.

function random(n1, n2) {

return parseInt(Math.random() * (n2 - n1 + 1)) + n1;

}

Data 내장 객체

---

객체 생성 방법

// 시스템의 현재 시각

var date 1 = new Date();

// 2017년 12월 24일 -> 월은 0부터 카운트된다.

var date2 = new date(2017,11,24);

객체의 메서드

• getter : 프로퍼티(멤버변수)의 값을 리턴하기 위한 함수.

* 이름이 get변수이름() 의 형식을 갖는다

• setter : 파라미터를 통해 프로퍼티의 값을 변경하기 함수.

* 이름이 set변수이름() 의 형식을 갖는다.

구분	조회(getter)	설정(setter)
년도	int getFullyYear()	void setFullYear(int)
월	int getMonth()	void setMonth(int)
일	int getDate()	void setDate(int)
요일	int getDay	void setDay(int)
시	int getHours()	void setHours(int)
분	int getMinutes()	void setMinutes(int)
초	int getSeconds()	void setSecond(int)
타임스탬프	int getTime()	void setTime(int)

타임스탬프

• 1970년 1월 1일 자정부터 지금까지 흐른 초를 1/1000단위로 표현한 값.

두 날짜 사이의 차이 구하기

두 개의 timestamp값 중 큰 값과 작은 값의 차르 ㄹ단위의 기준값으로 나눌 경우 날짜 계산이 가능함.

지난 날짜를 처리하는 경우 : 소수점 아래 버림

* Math.floor()함수 사용

다가올 날짜를 계산하는 경우: 소수점 아래를 올림

* Math.ceil()함수 사용

콜백함수

---

Javascript의 함수 파라미터 중에는 다른 함수를 전달하는 경우 이 때 파라미터로 전달되는 함수를 콜백함수라고 한다.

function hello() {

... 함수 내용...

}

function use_callback(a, b, callback) {

var c = a + b;

callback();

}

// 다른 함수를 파라미터로 전달

use callback(100, 200, hello);

다음과 같이 축약한 형태로도 사용 

function use_callback(a, b, callback) {

var c = a + b;

callback();

}

// 다른 함수를 파라미터로 전달

use_callback(100, 200, function() {

... 함수 내용...

}

타이머 처리

---

지정된 시간(1/1000초 단위)마다 한 번씩 콜백함수를 반복 호출

setInterval(function() {

... 구현내용...

}, 시간);

지정된 시간 (1/1000초 단위)만큼 딜레이 후 콜백함수를 1회 호출

setTimeout(function() {

... 구현내용...

}, 시간);

window 내장 객체

---

브라우저의 새창 팝업 열기/닫기 기능 제공

a.html을 새 창(새 탭)으로 열기

window.open('a.html');

a.html을 팝업으로 열기

// window.open('URL', '창이름', '옵션');

window.open('a.html', 'mywin', 'width=500, height-300, scrollbars=no,

toolbar=no, menubar=no, status=no, location=no');

• 창 이름

*부여하지 않을 경우 매번 새 팝업창이 생성됨

*부여할 경우 한 번 사용한 팝업창을 재사용함

• 옵션

*창 크기 관련 : width, height

ㄴ창의 가로, 세로 크기를 정수로 지정

*창 모양 관련 : scrollbars, toolbar, menubar, status, location

ㄴyes / no 로 값을 지정

ㄴlocation의 경우 피싱 사이트 방지를 위해서 동작하지 않음.

 URL 제어하기

---

브라우저의 현재 URL 조회

var now_url = location.href;

브라우저의 현재 페이지를 지정된 URL로 이동

location.href = 'URL'

현재 페이지를 새로 고침

location.reload();

웹 브라우저 history의 이전 페이지로 이동

history.back();

웹 브라우저 history의 다음 페이지로 이동

history.forward();