JavaScript - 내장함수(Date, Array)

JavaScript

객체

• 내장 객체
• 브라우저 객체
• 문서 객체(DOM)
• 사용자 정의 객체

자바스크립트 내장 객체 (Built in Object)

• 미리 정의되어 있는 객체
• 선언 과정을 통해 객체 변수를 정의해서 사용
• 특별한 경우에만 사용자 정의 객체를 정의하여 사용하고, 대부분의 경우 내장 객체를 많이 사용한다.

대표적인 내장 객체

• Date : 날짜와 시간을 처리하기 위한 객체
• Array: 배열을 만들기 위한 객체
• String: 문자열을 다루기 위한 객체
• Math: 수학 계산을 위한 객체
• Event: 발생하는 이벤트에 관한 정보를 제공하는 객체
• Screen: 화면의 해상도, 색상, 크기에 관한 정보를 제공하는 객체

객체 생성 및 사용 방법

• 객체 생성

var today = new Date(); // Date 객체 생성
var arr = new Array(3); // Array 객체 생성

• 객체 사용
  • 객체.메소드()

today.getMethod();
arr.sort();

Date 객체

• 날짜와 시간을 관리해주는 내장객체
• 웹 페이지에 오늘 날짜와 시간, 요일 등 표시
• var today = new Date();
• var month = today.getMonth();

Date 객체의 시간 / 날짜 정보를 반환하는 메소드

• getYear() : 1970 이후의 연도 반환 -> getFullYear()
• getMonth(): 월 반환
• getDate(): 일 반환
• getDay(): 요일 반환
• getHours(): 시 반환
• getMinutes(): 분 반환
• getSeconds(): 초 반환
• getTime(): 1970년 1월 1일 이후 시간을 1/1000 단위로 표시

Date 객체의 시간 / 날짜 정보를 설정하는 메소드

• setYear(): 1970 이후의 연도 설정
• setMonth(): 월 설정
• setDate(): 일 설정
• setHours(): 시 설정
• setMinutes(): 분 설정
• setSeconds(): 초 설정
• setTime(): 1970년 1월 1일 이후 시간을 1/1000 단위로 설정

날짜 / 시간 정보의 포맷을 변경하는 데 사용하는 메소드

• parse(날짜 문자열): 문자열을 시간으로 변경
• toGMTString(): 문자열을 GMT 날짜로 복귀
• toLocaleString(): 날자를 문자열로 반환

Date 객체 예제

date.html

<script type="text/javascript"> 
    var today = new Date();

    var year = today.getFullYear();
    var month = today.getMonth()+1;
    var date = today.getDate();
    var day;

    switch(today.getDay()){
        case 0: day="일"; break;
        case 1: day="월"; break;
        case 2: day="화"; break;
        case 3: day="수"; break;
        case 4: day="목"; break;
        case 5: day="금"; break;
        default: day="토";
    }

    document.write("오늘은 " + year + "년 " + month + "월 " + date + "일 " + day + "요일 입니다.<br>")

    var hour = today.getHours();
    var minute = today.getMinutes();
    var second = today.getSeconds();
    var amPm = '오전';

    hour = 24;
    if(hour == 24) {
        hour -= 24;
    } else if (hour >= 12) {
        if(hour > 12) {
            hour-=12;
        }
    }

    document.write("현재 시각은 " + amPm + hour + "시 " + minute + "분 " + second + "초 입니다.")
</script>

Array 객체

• 배열 내장 객체
• var arr = new Array(3); // Array 객체 생성
• arr.sort(); // 객체.머소드()

Array 객체 주요 메소드

• unshift(데이터): 배열 맨 앞에 요소 추가
• shift(): 첫 번째 요소 삭제
• push(데이터): 배열 마지막에 요소 추가
• pop(): 마지막 요소 삭제
• reverse(): 배열 순서를 역순으로 변경
• sort(): 오름차순으로 정렬
• slice(start, end): start ~ ecd-1 범위의 요소를 추출하여 새로운 배열 생성
• splice(위치, 개수, 데이터): 특정 위치에 요소 삭제하고 추가

Array 객체 예제

arrayObject.html

<script type="text/javascript">
    var fruits = new Array("복숭아", "딸기", "포도");
    document.write("모든 요소 출력");
    document.write("<br>");

    for(var i = 0; i<fruits.length; i++) {
        document.write(fruits[i] + " ");
    }
</script>