[JS] 자바스크립트 5일차 요점정리

-Math 내장 객체-

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

...javascript

int abs(int param);

...

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

...javascript

int max(int a, int b);

...

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

...javascript

int min(int a, int b);

...

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

...javascript

int round(Number num)

...

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

...javascript

int floor(Number num);

...

-소수점 이하 값을 버린다. (parseInt를 대신 쓸 수 있음)

...javascript

int ceil(Number num);

...

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

cf) 소수점 첫째, 둘째 자리에서 반올림하는 법

var a = 1.34567;

var result1 = Math.round(a*10)/10;        //--->1.3으로 출력

var result2 = Math.round(a*100)/100;      //--->1.35로 출력

cf) 소수점 n째 자리에서 자르는 함수!

var a = 123.525526

a = a.toFixed(2);   ---> 123.52로 출력

# 랜덤값 얻기

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

...javascript

function random(n1, n2) {

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

}

ex) 인증번호

var auth = "";

    for (var i=0; i<5; i++) {

        auth+=Math.floor(Math.random()*9);

    }

console.log(auth);

0~n 사이 랜덤값

var auth = "";

for (var i=0; i<5; i++) {

    auth += random(0,9);

}

강제 주소 고정

//현재 접속한 주소가 http://naver.com인 경우 아래의 값은?

var hostname=location.hostname;

if(hostname.indexOf("www") == -1) {

    location.href = "http://www.naver.com"

}

-Date 내장 객체-

# 객체 생성 방법

//시스템의 현재 시각

var date1 = new Date();

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

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

# 객체의 메서드

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

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

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

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

구분	조회(getter)	설정(setter)
년도	int getFullYear()	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 setSeconds(int)
타임스탬프	int getTime()	void setTime(int)

#타임스탬프

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

# 두 날짜 사이의 차이 구하기

두 개 이상의 timestamp값을 큰 값에서 작은 값을 뺀 뒤, 남는 값을 원하는 단위의 기준값으로 나눌 경우 날짜 계산이 가능함

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

Math.floor()함수 사용

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

Math.ceil()함수 사용

-Window 내장 객체-

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

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

window.open('a.html');

#a.html을 팝업으로 열기

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

window.open('url', 'mywin', 'width=500, height=300, scrollbars=no, toolbars=no, menubar=no, status=no, location=no');

cf. location=no: 피싱 사이트 방지를 위해 동작하지 않음

1) 창 이름

• 부여하지 않을 경우 매번 새 팝업창이 생성됨
• 부여할 경우 한 번 사용한 팝업창을 재 사용함

2) 옵션

• 창 크기 관련: width, height -> 창의 가로, 세로 크기를 정수로 지정
• 창 모양 관련: scrollbars, toolbar, menubar, status, location

# 창 닫기

window.close(); //혹은 self.close();