5. javascript 내장 객체(Built-in Object) 정리

자바스크립트 객체 종류

자바스크립트는 내장 객체, 브라우저 객체 모델(BOM), 문서 객체(DOM)를 제공합니다.

이번에 알아볼 것은 내장 객체입니다.

 

객체 기반 언어인 javascript는 내장 객체들을 제공합니다.

객체란 클래스를 생성자 함수를 통해 사용할 수 있게 만든 것입니다.

예를 들어 Date() 이런 식으로 대문자로 시작하는 함수가 생성자 함수이고, 객체를 반환합니다. 

객체를 통해 미리 클래스에 정의된 속성(property), 기능(method)을 사용할 수 있습니다.

접근 방법은 생성된 객체에 객체.메서드(), 객체.속성 형태로 합니다.

내장 객체

내장 객체 만드는 법

참조변수 = new 생성자함수();

Date

var date = new Date("1992-11-1 11:01:11.123");

메서드	설명	반환값
getFullYear()	연도 정보를 가져옴	1992
getMonth()	월 정보를 가져옴(0~11)	10
getDate()	일 정보를 가져옴(1~31)	1
getDay()	요일 정보를 가져옴(0 : 일 ~ 6 : 토)	0
getHours()	시 정보를 가져옴	11
getMinutes()	분 정보를 가져옴	1
getSeconds()	초 정보를 가져옴	11
getMilliseconds()	밀리초 정보를 가져옴	123
getTime()	1970년 1월 1일 이후(밀리초 단위)	720583271123
toGMTString()	GMT 표준 표기 방식으로 문자열 반환	Sun, 01 Nov 1992 02:01:11 GMT
toLocaleString()	시스템 표기 방식으로 문자열 반환	1992. 11. 1. 오전 11:01:11

메서드	설명
setFullYear()	연도 설정
setMonth()	월 설정
setDate()	일 설정
setHours()	시 설정
setMinutes()	분 설정
setSeconds()	초 설정
setMilliseconds()	밀리초 설정
setTime()	1970년 1월 1일 이후 경과 시간 수정(밀리초 단위)

Math

Math 같은 경우 객체를 생성해 메서드를 사용하지 않고 클래스.메서드를 사용한다.

var num = 11.0123;

클래스 속성	설명
PI	원주율 pi 값
E	자연상수 e 값

클래스 메서드	설명	반환값
abs(-23)	절댓값을 반환	23
max(4,2,3,1)	가장 큰 값을 반환	4
min(4,2,3,1)	가장 작은 값을 반환	1
pow(3,2)	거듭제곱 값을 반환	9
sqrt(9)	제곱근 값 반환	3
random()	0~1 사이 난수 반환	0~1
floor(num)	내림	11
round(num)	반올림	11
ceil(num)	올림	12
sign(num)	양수 : 1 음수 : -1 영 : 0,-0	1
log(num)	로그 값 반환	2.39901
sin(num)	사인 값 반환	-0.9998
cos(num)	코사인 값 반환	0.0167
tan(num)	탄젠트 값 반환	-59.7826

Array

var array = [1, 7, 3, 0, 2];

var array2 = [0, 0, 1];

메서드	설명	반환값
at(index) at(2)	해당 인덱스 값 반환, array[index]	3
reverse()	순서를 거꾸로 바꿈	Array [2,0,3,7,1]
sort()	오름차순으로 정렬후 반환, 기존배열도 바뀜	Array [0,1,2,3,7]
join("-")	문자로 연결된 문자열 반환	1-7-3-0-2
toString()	배열을 문자열로 반환	1,7,3,0,2
slice(index1, index2) slice(1, 3)	index1이상 index2 미만을 반환	Array [7,3]
concat(array2)	두개의 배열을 결합	Array [1,7,3,0,2,0,0,1]
splice(index, count, item) splice(2, 1, "new")	index부터 count만큼 제거후 item을 삽입 제거된 배열 반환	Array [3]
pop()	마지막 인덱스 값 삭제	2
push(9)	마지막 인덱스에 값 삽입	array.length
shift()	첫번째 인덱스 값 삭제	1
unshift(8)	첫번째 인덱스에 값 삽입	array.length

String

문자열 객체는 검색할 때 가장 많이 사용하는 객체이다.

배열 객체와 비슷하다.

var str = new String("마홍로의 프로그래밍");

메서드	설명	반환값
at(index), charat(index)	해당 인덱스 값 반환	해당 인덱스 값
indexOf("로의"), search("로의")	일치하는 문자 인덱스 반환 없으면 -1 반환	2
lastIndexOf("로의")	뒤에서부터 일치하는 문자 인덱스 반환 없으면 -1 반환	2
match("로의")	일치하는 문자를 찾아 반환 없으면 null 반환	로의
replace("마홍로","김덕배")	첫 문자를 새 문자로 바꿔준다. 없으면 기존 문자열 반환	김덕배의 프로그래밍
slice(2,4)	인덱스 2이상 4미만 반환 -1은 가장 마지막 인덱스	로의
substring(2,4)	인덱스 2이상 4미만 반환 -1은 0으로 대체	로의
substr(index, count) substr(2,2)	인덱스부터 카운트 만큼 반환	로의
split(" ")	지정 문자로 나누어 저장 후 반환	Array [마홍로의,프로그래밍]
concat("abc")	새로운 문자열을 결합	마홍로의 프로그래밍abc
toLowerCase()	소문자로 변환	마홍로의 프로그래밍
toUpperCase()	대문자로 변환	마홍로의 프로그래밍
charCodeAt(index) charCodeAt(4)	해당 인덱스를 아스키코드값으로 반환 " "은 아스키 코드 32	32

클래스 메서드	설명	반환값
fromCharCode(아스키 코드) fromCharCode(61)	아스키 코드값을 문자로 반환	=
raw raw `{ a } + { b } = { a+b }`	문자 그대로 반환,작은 따옴표가 아니다. backquote(`) 전혀 다른 문자	1+2=3

끝으로

내장객체 Date, Math, Array, String 만 정리했는데도 엄청난 양이다.

javascript reference를 참고해서 필요할 때 마다 찾아서 공부하는 습관이 필요할 것 같다.

https://www.w3schools.com/jsref/default.asp

JavaScript and HTML DOM Reference

w3school reference를 추천한다.