1. 내장 객체
내장 객체(Built-in Object)란 브라우저의 자바스크립트 엔진에 내장된 객체를 말한다.
필요한 경우 객체를 생성해서 사용할 수 있으며,
내장 객체로는 문자, 날짜, 배열, 수학, 정규 표현 객체 등이 있다.
내장 객체 생성하기
참조 변수(인스턴스 이름) = new 생성 함수()
1-1. 날짜 객체(Date Object)
- 날짜 정보를 가져올 때(GET)
getFullYear() : 연도를 가져옴
getMonth() : 월을 가져옴 (1월:0 ~ 12월:11)
getDate() : 일을 가져옴
getDay() : 요일을 가져옴 (일:0 ~ 토:6)
getHours() : 시를 가져옴
getMinutes() : 분을 가져옴
getSeconds() : 초를 가져옴
getMilliseconds() : 밀리초를 가져옴 (1/1.000초 단위)
getTime() : 1970년 1월 1일부터 경과된 시간을 밀리초로 표기
toGMTString() : GMT 표준 표기 방식으로 문자형 데이터로 반환
- 날짜 정보를 수정할 때(SET)
setFullYear() : 연도 수정
setMonth() : 월 수정 (1월:0 ~ 12월:11)
setDate() : 일 수정
요일은 날짜를 바꾸면 자동으로 바뀌므로 setDay()는 없음.
setHours() : 시 수정
setMinutes() : 분 수정
setSeconds() : 초 수정
setMilliseconds() : 밀리초 수정
setTime() : 1970년 1월 1일부터 경과된 시간을 밀리초로 수정
toLocaleString() : 운영 시스템 표기 방싣으로 문자형 데이터로 반환
활용 예제
- 오늘날짜를 2024년 05월 08일 (수) 라고 출력
- 그 후 25일이 지난 날짜를 출력
// 실습1. 오늘 날짜를 '2024년 00월 00일 (요일)' 이라고 출력하시오.
function formatDate(insertDate) {
const fullYear = insertDate.getFullYear();
const month = insertDate.getMonth() + 1;
const date = insertDate.getDate();
const day = insertDate.getDay();
const dayArr = ["일", "월", "화", "수", "목", "금", "토"];
const result = `${fullYear}년 ${month}월 ${date}일 ${dayArr[day]}요일`;
return result;
}
console.log(formatDate(date1));
// 실습2. 오늘 날짜에서 25일이 지난 날짜를 위의 포맷 방식으로 출력하시오.
const addDate = new Date();
addDate.setDate(date1.getDate() + 25);
console.log(formatDate(addDate));
1-2. 수학 객체(Math Object)
수학 객체는 수학과 관련된 기능과 속성을 제공한다.
Math.abs() : 숫자의 절댓값 반환
Math.max() : 가장 큰 값 반환
Math.min() : 가장 작은 값 반환
Math.pow() : 숫자의 거듭제곱값 반환
Math.random() : 0~1 사이의 난수 반환
Math.round() : 소수점 이하를 반올림하여 반환
Math.ceil() : 소수점 이하를 올림하여 반환
Math.floor() : 소수점 이하를 내림하여 반환
Math.sqrt() : 숫자의 제곱근을 반환
Math.PI() : 원주율 상수 반환
1-3. 배열 객체(Array Object)
배열 객체는 배열의 순서를 바꾸거나 삽입, 삭제등을 할 수 있는 메서드와 속성을 제공한다.
join(연결문자) : 문자를 연결하여 1개의 문자열로 반환
reverse() : 배열의 데이터 순서를 거꾸로 바꾼 후 반환
sort() : 배열의 데이터를 오름차순으로 정렬
slice(index1, index2) : 배열의 데이터 중 원하는 인덱스 구간만큼 잘라서 가져옴
splice() : 배열의 데이터를 수정. 특정 위치의 데이터를 제거하거나 삽입
concat() : 2개의 배열 객체를 하나로 결합
pop() : 배열의 마지막 인덱스에 저장된 데이터 삭제
push(new data) : 배열의 마지막 인덱스에 새 데이터 삽입
shift() : 배열의 첫 번째 인덱스에 저장된 데이터 삭제
unshift(new data) : 배열의 첫 번째 인덱스에 새 데이터 삽입
length : 배열에 저장된 총 데이터의 개수 반환
1-4. 문자열 객체(String Object)
문자열 객체는 문자형 데이처를 객체로 취급하는 것으로, 문자와 관련된 메서드와 속성을 제공한다.
charAt(index) : 문자열에서 인덱스 번호에 해당하는 문자를 반환
indexOf("찾을 문자") : 문자열에서 왼쪽부터 '찾을 문자'와 제일 먼저 일치하는 문자를 찾아 인덱스 번호 반환
lastIndexOf("찾을 문자") : 문자열에서 오른쪽부터 '찾을 문자'와 제일 먼저 일치하는 문자를 찾아 인덱스 번호 반환
match("찾을 문자") : 문자열에서 왼쪽부터 '찾을 문자'와 제일 먼저 일치하는 문자를 찾아 반환. 만일 찾는 문자가 없다면 null 반환
replace("바꿀 문자", "새 문자") : 문자열에서 왼쪽부터 '바꿀 문자'와 일치하는 문자를 찾아 제일 먼저 찾은 문자를 '새 문자'로 치환
search("찾을 문자") : 문자열에서 왼쪽부터 '찾을 문자'와 일치하는 문자를 찾아 제일 먼저 일치하는 인덱스 번호를 반환
slice(a,b) : a개의 문자를 자르고 b번째 이후 문자를 자른 후 남은 문자를 반환
substring(a,b) : a 인덱스부터 b 인덱스 이전 구간의 문자를 반환
substr(a, 문자 개수) : 문자열에 a 인덱스부터 지정한 문자 개수만큼 문자열 반환
split("문자") : 지정한 문자를 기준으로 문자 데이터를 나누어 배열에 저장하여 반환
toLowerCase() : 문자열에서 영문 대문자를 모두 소문자로 변경
toUpperCase() : 문자열에서 영문 소문자를 모두 대문자로 변경
length : 문자열에서 문자의 개수 반환
concat("새로운 문자") : 문자열에서 새로운 문자열을 결합
charCodeAt(index) : 문자열 index에 해당 문자의 아스키 코드 값을 반환
fromCharCode(아스키 코 드값) : 아스키 코드 값에 해당하는 문자를 반환
trim() : 문자의 앞 또는 뒤에 공백 문자열을 삭제