[JavaScript] JavaScript 객체와 종류(Array, Date, Math, Window)

 객체(object)란?

프로그램에서 인식할수 있는 모든 대상

객체는 크게 자바스크립트 객체와 사용자 정의 객체로 나뉜다.

• 자바스크립트 객체 : 자바스크립트 안에 미리 객체로 정의해 놓은 것(ex. DOM, Date 등)
• 사용자 정의 객체 : 필요할 때마다 사용자가 직접 만드는 객체

var now = new Date(); // Date 인스턴스 만들고 변수에 저장
document.write("현재 시각은 " + now.toLocaleString()); // Date 객체의 메서드 사용

 

프로퍼티(property)와 메서드(method)

• 프로퍼티 : 객체의 특징이나 속성
• 메서드 : 객체에서 할 수 있는 동작

 

Array 객체 (내장 객체)

var numbers = new Array(); // 배열의 크기 지정X
var numbers = new Array(4); // 배열의 크기 지정

var numbers = ["one", "two", "three", "four"]'; // 배열 선언
var numbers = Array("one", "two", "three", "four"); // Array 객체를 사용한 배열 선언

for(let i = 0; i < numbers.length; i++) {
	document.write("<p>" + numbers[i] + "<p>");
}

 

Array 객체의 자주 사용하는 6가지 메소드

메소드	설명
join([str])	배열에 들어 있는 값을 모두 붙여서 하나의 문자열로 반환 ex) test.join()     // 결과 "test1,test2,test3"
sort(function)	배열값들을 매개변수(값을 비교하는 함수)를 이용하여 정렬 파라미터인 function은 선택사항(필수아님)
reverse()	배열의 순서를 정반대로 바꾼다
concat(array)	두개의 배열을 합해 하나의 배열로 반환(1차원 배열로 반환)
push()	배열의 마지막에 새로운 원소를 추가(반환 값은 추가한 후의 lengh)
pop()	배열의 마지막의 원소를 추출(가장 최근에 push()한 것을 추출) 반환값은 삭제한 배열의 원소(엘리먼트), pop의 파라미터는 사용하지 않음

 

 

Date 객체 (내장 객체)

new Date(); // 현재 날짜로 설정
new Date("2020-02-25"); // 특정 날짜로 설정
new Date("2020-02-25T18:00:00");

new Date("02/25/2020"); // MM/DD/YYYY 형식

 

Date 객체의 메소드

• 날짜/시간 정보 설정 or 가져오기

함수명		의미	설명
getFullYear()	setFullYear()	년도
getMonth()	setMonth()	월	0~11 > 1월~12월
getDate()	setDate()	일
getDay()	setDay()	요일	0~6 > 일요일 ~ 토요일
getHours()	setHours()	시간
getMinutes()	setMinutes()	분
getMilliseconds()	setMilliseconds()	밀리초
getSeconds()	setSeconds()	초
getTime()	setTime()	Unix 타임	1970/1/1 12:00 기준 경과한 밀리 초

 

• 날짜/시간 형식 바꾸기

함수명		설명
toString()		Thu May 17 2018 17:15:11 GMT+0900 (대한민국 표준시)
toDateString()		Thu May 17 2018
toLocaleString()		2018. 5. 17. 오후 5:15:11
toLocaleDateString()		2018. 5. 17.

 

 

Math 객체 (내장 객체)

Math 객체의 메소드

메소드	설명
min(x,y,z....)	가장 작은 값 반환
max(x,y,z....)	가장 큰 값 반환
random()	0보다 크거나 같고 1보다 작은 무작위 숫자 반환
round(x)	소수점 첫 번째 자리에서 반올림 후 반환
floor(x)	인수와 같거나 작은 수 중에서 가장 큰 정수 반환
ceil(x)	인수와 같거나 큰 수 중에서 가장 작은 정수 반환
abs(x)	x의 절댓값 반환
sqrt(x)	x의 제곱근 반환
cbrt(x)	x의 세제곱근 반환
exp(x)	e의 x제곱근 값을 반환
log(x)	x의 자연로그 값을 반환.(ln x)
log2(x)	x의 2를 밑으로 가지는 로그 값을 반환
pow(x,y)	x의 y제곱을 반환
sign(x)	x의 부호 값을 반환

 

 

브라우저 관련 객체