728x90
날짜정보객체
참조변수 = new Date();
날짜관련메서드
| 날짜 정보를 가져올 때 (GET) | 날짜 정보를 수정할 때 (SET) | ||
| getFullYear() | 연도 정보를 가져옴 | setFullYear() | 연도 정보만 수정함 |
| getMonth() | 월 정보를 가져옴(현재 월-1) | setMonth() | 월 정보만 수정함 (월 -1) |
| getDate() | 일 정보를 가져옴 | setDate() | 일 정보만 수정함 |
| getDay() | 요일 정보를 가져옴(일:0~토:6) | '요일'은 날짜를 바꾸면 자동으로 바뀌므로 setDay() 는 필요없음 |
|
| getHours() | 시 정보를 가져옴 | setHours() | 시 정보만 수정함 |
| getMinutes() | 분 정보를 가져옴 | setMinutes() | 분 정보만 수정함 |
| getSeconds() | 초 정보를 가져옴 | setSeconds() | 초 정보만 수정함 |
| getMilliseconds() | 밀리초 정보를 가져옴 (1/1.000초 단위) | setMilliseconds() | 밀리초 정보만 수정함 |
| getTime() | 1970년 1월 1일부터 경과된 시간을 밀리초로 표기함 |
setTime() | 1970년 1월 1일부터 경과된 시간을 밀리초로 수정함 |
| getGMTString | GMT 표준 표기 방식으로 문자형 데이터로 반환함 |
toLocaleString() | 운영 시스템 표기방식으로 문자형 데이터로 반환함 |
현재 날짜로부터 특정 날짜까지 며칠 남았는지 구하는 형식
남은 일수 (밀리초) = 특정날짜객체 - 현재날짜객체
밀리초로 계산한 시간값
1초 = 1,000(msc)
1분(60초) = 1,000 * 60
1시간(60분) = 1,000 * 60 * 60
1일(60분*24) = 1,000 * 60 * 60 *24
수학객체
수학객체의 메서드 및 상수
| 종류 | 설명 |
| Math.abs(숫자) | 숫자의 절대값을 반환합니다. |
| Math.max(숫자1, 숫자2, 숫자3, 숫자4) | 숫자 중 가장 큰 값을 반환합니다. |
| Math.min(숫자1, 숫자2, 숫자3, 숫자4) | 숫자 중 가장 작은 값을 반환합니다. |
| Math.pow(숫자, 제곱값) | 숫자의 거듭제곱값을 반환합니다. |
| Math.random() | 0~1사이의 난수를 반환합니다. |
| Math.round(숫자) | 소수점 첫째자리에서 반올림하여 정수를 반환합니다. |
| Math.ceil(숫자) | 소수점 첫째자리에서 무조건 올림하여 정수를 반환합니다. |
| Math.floor(숫자) | 소수점 첫째자리에서 무조건 내림하여 정수를 반환합니다. |
| Math.sqrt(숫자) | 숫자의 제곱근값을 반환합니다 |
| Math.PI | 원주율 산수를 반환합니다. |
아래 예제는 Math.random()을 이용하면 0부터 10까지 난수를 반환
Math.random()*10;
Math.random()을 이용해 0부터 10까지 정수로만 난수를 반환하려면 다음과같이 floor()을 이용해야합니다.
floor()메서드는 값을 내리기때문에 0이 아닌 11을 사용합니다.
Math.floor(Math.random()*11);
난수를 발생하여 원하는 구간 정수의 값 구하기
Math.floor(Math.random()*(최댓값-최솟값+1))+최솟값;
배열객체
배열 객체를 생성하는 방법은 다음과 같이 세가지이며 이중 선호하는 방식을 사용하면 됩니다.
var 참조변수 = new Array();
var 참조변수 = new Array(값1, 값2, 값3... 값n);
var 참조변수 = [값1, 값2, 값3 ... 값n];
배열에 저장된 데이터 불러오기
참조변수[인덱스번호];
//참조변수[0] = 값1; 참조변수[1] = 값2; ... 참조변수[n-1]=값n;
배열 객체의 메서드 및 속성
| 종류 | 설명 |
| join(연결문자) | 배열 객체의 데이터를 연결문자 기준으로 1개의 문자형 데이터로 반환합니다. |
| reverse() | 배열 객체의 데이터 순서를 거꾸로 바꾼 후 반환합니다. |
| sort() | 배열 객체의 데이터를 오름차순으로 정렬합니다. |
| slice(index1, index2) | 배열 객체의 데이터 중 원하는 인덱스 구간만큼 잘라서 배열객첼 가져옵니다. |
| splice() | 배열 객체의 지정 데이터를 삭제하고 그 구간에 새 데이터를 삽입할 수 있습니다. |
| concat() | 2개의 배열 객체를 하나로 결합합니다. |
| pop() | 배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제합니다. |
| push(new data) | 배열 객체의 마지막 인덱스에 새 데이터를 삽입합니다. |
| shift() | 배열 객체에 저장된 데이터 중 첫번째 인덱스에 저장된 데이터를 삭제합니다. |
| unshift(new data) | 배열 객체의 가장 앞의 인덱스에 새 데이터를 삽입합니다. |
| length | 배열에 저장된 총 데이터의 개수를 반환합니다. |
문자열객체
var 참조변수 = new String(문자형 데이터)
var 참조변수 = 문자형 데이터
문자열 객체의 메서드 및 속성
| 종류 | 설명 |
| charAt(index) | 문자열에서 인덱스번호에 해당하는 문자를 반환합니다. |
| indexOf("찾을문자") | 문자열에서 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환합니다. 만일 찾는 문자가 없으면 -1을 반환합니다. |
| lastindexOf("찾을문자") | 문자열에서 오른쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환합니다. 만일 찾는 문자가 없으면 -1을 반환합니다. |
| math("찾을문자") | 문자열에서 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 찾은 문자를 반환합니다. 만일 찾는 문자가 없으면 null을 반환합니다. |
| replace("바꿀문자", "새문자") | 문자열에서 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 찾은 문자를 새문자로 치환합니다. |
| search("찾을 문자") | 문자열에서 왼쪽부터 찾을문자와 일치하는문자를 찾아 제일 먼저 일치하는 인덱스 번호를 반환합니다. |
| slice(a, b) | a문자를 자르고 b번째 이후에 문자를 자른 후 남은 문자를 반환합니다. |
| substring(a, b) | a인덱스부터 b인덱스 이전 구간의 문자를 반환합니다. |
| substr(a, 문자개수) | 문자열에 a 인덱스부터 지정한 문자개수만큼 문자열을 반환합니다. |
| split("문자") | 지정한 문자를 기준으로 문자 데이터를 나누어 배열에 저장하여 반환합니다. |
| toLowCase() | 문자열에서 영문 대문자를 모두 소문자로 바꿉니다. |
| toUpperCase() | 문자열에서 영문 소문자를 모두 대문자로 바꿉니다. |
| length | 문자열에서 문자의 개수를 반환합니다. |
| concat("새로운문자") | 문자열에서 새로운 문자열을 결합합니다. |
| charCodeAt(index) | 문자열 index에 해당 문자의 아스키 코드값을 반환합니다. |
| fromCharCode(아스키코드값) | 아스키코드값에 해당하는 문자를 반환합니다. |
| trim() | 문자의 앞 또는 뒤에 공백 문자열을 삭제합니다. |
[ 예제 1 ]
var userName = prompt("당신의 영문 이름은?","");
var upperName = userName.toUpperCase();
document.write(upperName, "<br>");
var userNum = prompt("당신의 연락처는?","");
var result = userNum.substring(0, userNum.length - 4) + "****";
document.write(result, "<br>");
[ 예제 2 ]
var userEmail = prompt("당신의 이메일 주소는?", "");
var arrUrl = [".co.kr", ".com", ".net", ".or.kr", ".go.kr"];
var check1 = false;
var check2 = false;
if( userEmail.indexOf("@") > 0 ) { check1=true; }
for(var i = 0; i < arrUrl.length; i++) {
if( userEmail.indexOf(arrUrl[i]) > 0 ) {
check2 = true;
}
}
if( check1 && check2 ) {
document.write( userEmail );
} else {
alert("이메일 형식이 잘못되었습니다.");
}
출처 : 이지스퍼블리싱 - 자바스크립트 제이쿼리 입문 (전면개정판)
728x90
'STUDY > JavaScript' 카테고리의 다른 글
| [JS] 자바스크립트 내장함수 (0) | 2023.01.19 |
|---|---|
| [JS] 브라우저 객체 모델 (0) | 2023.01.16 |
| [JS] prototype 이란? (0) | 2023.01.16 |
| [JS] padStart() · Date.parse() (0) | 2023.01.09 |
| [JS] arguments 객체 (0) | 2023.01.05 |