Java Script-내장 객체 2( Math, Date, 정규표현식(RegExp) )

변수는 데이터 값을 하나밖에 저장하지 못하지만, 객체는 데이터 값을 필요한 대로 만들어 사용할 수 있다.

객체의 데이터는 '이름: 값'의 쌍으로 이루어 있으며 이것을 속성(Properties)이라고 한다.

var 변수 = { name: '홍길동', age: 20, nationality: '한국', ... };

변수에 {이름: 값, 이름: 값,...}의 형태로 저장이 되면 변수는 객체가 된다.

객체의 분류	종류	설명
사용자 정의 객체	- 객체 리터럴  - 객체 생성자 함수  - 클래스( ECMAScript 2015(ES6) )	사용자가 직접 정의해서 사용하는 객체
내장 객체	- Number  - String  - Array  - Math  - Date  - RegExp	자바스크립트에서 제공해 주는 객체

<내장 객체>

1. Math 객체

Math 객체는 수학 연산을 위한 객체이다. Math 객체는 다른 내장 객체와 다르게 new 연산자로 객체를 생성하지 않는다.

▶ Math 객체 생성 방법

Math.프로퍼티

Math.메서드

▶ Math 객체 프로퍼티

프로퍼티	설명
PI	원주율 값(3.14)
E	자연 로그 밑인 상수 e 2.718
LN2	2의 자연 로그 값 0.693
LN10	10의 자연 로그 값 2.302
LOG2E	밑이 2인 e의 로그 1.442
LOG10E	밑이 10인 e의 로그 0.434
SQRT1_2	1/2의 제곱급 0.707
SQRT2	2의 제곱근 1.414

▶ Math 객체 주요 메서드

메서드	설명
abs( )	Math.abs( n )인 경우 n의 절대값 반환
max( )	Math.max( n1, n2 )인 경우 n1과 n2 중 큰 값 반환
min( )	Math.min( n1, n2 )인 경우 n1과 n2 중 작은 값 반환
round( )	Math.round( n )인 경우 n의 소수점 이하가 5 이상이면 반올림, 미만이면 절삭한 정수값 반환
ceil( )	Math.ceil( n )인 경우 n의 소수점을 올림한 정수로 만든 값 반환
floor( )	Math.floor( n )인 경우 n의 소수점을 절삭한 정수로 만든 값 반환
random( )	Math.random( )인 경우 0~1 사이의 난수값 반환
sin( )	Math.sin( n )인 경우 n의 사인값 반환
tan( )	Math.tan( n )인 경우 n의 탄젠트값 반환
sqrt( )	Math.sqrt( n )인 경우 n의 제곱근값 반환

        // Math 객체 프로퍼티
        console.log(Math.PI);  // 원주율 값 3.14
        console.log(Math.SQRT2);  // 2의 제곱근 1.414
        
         // Math 객체 주요 메서드
        
        // Math.abs(n) : n의 절대값
        console.log(Math.abs(-2)); // 2
        
         // Math.max(n1,n2) : n1과 n2 중 큰값
        console.log(Math.max(10, 20)); // 20
        
         // Math.min(n1,n2) : n1과 n2 중 작은값
        console.log(Math.min(10, 20)); // 10
        
         // Math.round(n) : n의 반올림 정수값
        console.log(Math.round(10.5)); // 11
        console.log(Math.round(10.4)); // 10
        
         // Math.ceil(n) : n의 올림 정수값
        console.log(Math.ceil(10.2)); // 11
        
        // Math.floor(n) : n의 내림 정수값
        console.log(Math.floor(10.8)); // 10

출력 이미지

2. Date 객체

날짜와 시간에 대한 정보 값을 얻거나 설정할 수 있다.

▶ Date 객체 생성 방법

var date = new Date( )

var date = new Date( '년도/월/일' ) → 날짜를 문자열 형식으로 설정할 수 있다.

var date = new Date( 년도, 월, 일, 시, 분, 초, 밀리초 ) → 년, 월, 일, 시, 분, 초, 밀리초를 설정할 수 있다.

▶ Date 객체  주요 메서드

get : 정보 값을 반환 / set : 정보 값을 설정

get 메서드	설명	set 메서드	설명
getFullYear( )	4자리 '연도' 값을 반환	setFullYear( )	4자리 '년도' 값을 설정
getMonth( )	'월' 값을 반환 (0~11) : 1월을 0으로 표현하기 때문에 +1을 해줘야한다.	setMonth( )	'월' 값을 설정 (0~11)
getDate( )	'일' 값을 반환 (1~31)	setDate( )	'일' 값을 설정 (1~31)
getDay( )	'요일' 값을 반환 ( 0(일) ~ 6(토) )
getHours( )	'시간' 값을 반환 (0~23)	setHours( )	'시간' 값을 설정 (0~23)
getMinutes( )	'분' 값을 반환 (0~59)	setMinutes( )	'분' 값을 설정 (0~59)
getSeconds( )	'초' 값을 반환 (0~59)	setSeconds( )	'초' 값을 설정 (0~59)
getMilliseconds( )	'밀리초(1/1000초)' 값을 반환 (0~999)	setMilliseconds( )	'밀리초(1/1000초)' 값을 설정 (0~999)
getTime( )	1970년 1월 1일 자정 이후부터 경과한 밀리초 값을 반환	setTime( )	1970년 1월 1일 자정 이후부터 경과한 밀리초 값을 설정
< UTC(국제 표준시)을 기준으로 하는 메서드 >
getTimezoneOffset( )	UTC(국제 표준시)와의 시차 값 반환
getUTCFullYear( )	4자리 '연도' 값을 반환	setUTCFullYear( )	4자리 '년도' 값을 설정
getUTCMonth( )	'월' 값을 반환 (0~11)	setUTCMonth( )	'월' 값을 설정 (0~11)
getUTCDate( )	'일' 값을 반환 (1~31)	setUTCDate( )	'일' 값을 설정 (1~31)
getUTCDay( )	'요일' 값을 반환 ( 0(일) ~ 6(토) )
getUTCHours( )	'시간' 값을 반환 (0~23)	setUTCHours( )	'시간' 값을 설정 (0~23)
getUTCMinutes( )	'분' 값을 반환 (0~59)	setUTCMinutes( )	'분' 값을 설정 (0~59)
getUTCSeconds( )	'초' 값을 반환 (0~59)	setUTCSeconds( )	'초' 값을 설정 (0~59)
getUTCMilliseconds( )	'밀리초(1/1000초)' 값을 반환 (0~999)	setUTCMilliseconds( )	'밀리초(1/1000초)' 값을 설정 (0~999)

메서드	설명
toString( )	날짜 / 시간 정보를 문자로 반환
toGMTString( )	GMT(그리치니 표준시) 날짜 / 시간 정보를 문자로 반환
toUTCString( )	UTC(국제 표준시) 날짜 / 시간 정보를 문자로 반환
toDateString( )	날짜를 문자열로 반환
toTimeString( )	시간을 문자열로 반환
toLocaleString( )	지역의 Date 정보를 문자열로 반환
toLocaleDateString( )	지역의 날짜 정보를 문자열로 반환
toLocaleTimeString( )	지역의 시간 정보를 문자열로 반환
parse( )	날짜 문자열을 1970년 1월 1일 자정 이후부터 경과한 밀리초 값 반환
UTC( )	날짜를 1970년 1월 1일 자정 이후부터 경과한 밀리초 값 반환

        // 년도, 월, 일, 시, 분, 초, 밀리초 설정
        var dateObj = new Date(2022, 9, 30, 10, 30);
        var dateInfo = {
            year : dateObj.getFullYear(), // 4자리 연도 반환
            month : dateObj.getMonth()+1, // 월값 반환 (0~11) +1
            date : dateObj.getDate(), // 일값 반환
            hours : dateObj.getHours(), // 시간 반환
            minutes : dateObj.getMinutes(), // 분 반환
            nowDate : dateObj.toUTCString() // UTC 날짜/시간 정보 반환
        }
        for( var i in dateInfo) {
            console.log( i+ ':' +dateInfo[i])
        }

출력이미지

3. 정규표현식(RegExp) 객체

정규표현식 객체는 정해진 문자의 패턴을 만들 때 사용한다.

▶ 정규표현식 객체 생성 방법

var reg = /Javascript/;

var reg = new RegExp( 'Javascript' );

▶ 정규표현식 객체 주요 메서드

속성 값	속성 설명
test( )	정규표현식과 일치하는 문자열이 있으면 true, 없으면 false 반환
	var reg = /Javascript/; console.log( reg.text( 'Javascript' ) );   // true console.log( reg.text( 'script' ) );   // false
match( )	정규표현식과 일치하는 문자열을 배열로 생성. 일치하는 문자열이 없으면 null 반환
	var reg = /Javascript/; str = 'Java script'; console.log( str.match(reg) );   //null

▶ 정규표현식 객체 플래그

플래그	설명
i	대소문자 구분 없이 정규표현식과 문자열을 비교
g	문자열 전체를 정규표현식과 비교
m	여러 행의 문자열을 정규표현식과 비교

▶ 정규표현식 객체 주요 패턴

패턴	설명	패턴	설명
abc	abc 문자열 검색	[A-Z]	알파벳 대문자 문자 검색
[abc]	a, b, c 중 문자 하나를 검색	[a-z]	알파벳 소문자 문자 검색
[^abc]	a, b, c를 제외한 문자 하나를 검색	[0-9]	0-9까지의 숫자 검색
.	하나의 문자 검색. 만약 '마침표' 문자를 사용할 경우 '\.'으로 표현	{}	/\d{3} = 숫자 3개를 의미 /\d{3,} = 숫자 3개 이상을 의미
＼w	알파벳, 숫자, _ 검색	＼W	알파벳, 숫자, _ 제외하고 검색
＼d	숫자 검색	＼D	숫자 제외하고 검색
＼s	하나의 공백 검색	＼S	공백 제외하고 검색
^	행의 첫 문자가 일치해야함	$	행의 끝 문자가 일치해야함
*	* 앞의 문자가 0번 이상 반복	+	+ 앞의 문자가 1번이상 반복
?	? 앞의 문자가 0번 또는 1번	{}	/\d{3}=숫자 3개를 의미
a|b	a or b	(abc)	그룹화