반응형
자바스크립트에 미리 정의되어 내장된 객체들을 말한다.
- Date 객체
- Date객체 메소드1
- Date객체 메소드2
메소드 설명 setYear() 1970년 이후의 연도 setMonth() 월을 나타낸다(0=1월,1=2월...11=12월) setDate() 일 setDay() 요일(0=일요일,...,6=토요일) setHours() 시 setMinutes() 분 setSeconds() 초 setTime() 1970년 1월 1일 이후 시간을 1000분의 1초로 나타낸값 - Date객체 메소드3
메소드 설명 parse(날짜문자열) 날짜 문자열을 분석하여 1970년 1월1일 00:00:00 이후에 경과한 시간을 1000분의 1초로 단위로 리턴 UTC(년,월,일[,시][,분][,초]) GTM을 기준으로 1970년 1월1일 00:00:00 이후에 경과한 시간을 1000분의 1초로 단위로 리턴 toGTMString() GTM(Greenwich Mean Time) 날짜를 리턴 toLocaleSting() 날짜를 문자열로 변환한다.mm/dd/yy(월/일/년) hh:mm:ss(시/분/초) get 은 날짜시간을 구하는 메소드이고 set은 날짜시간을 세팅(설정)하는 메소드이다.
예제1 실행화면 <script language="javascript">
<!--
mirage = new Date()
document.write("날짜 : ",mirage.getYear(),"년")
document.write(mirage.getMonth()+1,"월")
document.write(mirage.getDate(), "일","<br>")
document.write("시간 : ",mirage.getHours(),"시")
document.write(mirage.getMinutes(),"분")
document.write(mirage.getSeconds(), "초","<br>")
//끝 -->
</script>
날짜 : 2008년5월5일
날짜 : 1요일
시간 : 13시9분27초
날짜시간을 나타내는 첫글자는 모두 대문자로 표기해야 한다.
getMonth()+1은 값이 0부터 11까지 나오므로 +1을 해서 1부터 12까지의 월표기로 나타낸것이다.
,는 스트링문자와 메소드간의 연결 역활을 한다.(+도 연결 역할을 하는 점은 같다)getDay()는 숫자로만 나타난다. 이것은 원하는 결과 값이 아닐 것이다.
그래서 지금까지 언급됐던 제어문을 총동원해서 바꿔보자.예제2 실행화면 <script language="javascript">
<!--
mirage = new Date()
a=mirage.getDay()
if(a == 0){
a="일"}
else if(a == 1){
a="월"}
else if(a == 2){
a="화"}
else if(a == 3){
a="수"}
else if(a == 4){
a="목"}
else if(a == 5){
a="금"}
else if(a == 6){
a="토"}
document.write("날짜 : ",a,"요일","<br>")
//끝 -->
</script>
날짜 : 월요일
switch문 으로도 가능 할 것 같은데...?
예제3 실행화면 <script language="javascript">
<!--
mirage = new Date()
a=mirage.getDay()
switch(a) {
case 0 :
a="일"
break;
case 1 :
a="월"
break;
case 2 :
a="화"
break;
case 3 :
a="수"
break;
case 4 :
a="목"
break;
case 5 :
a="금"
break;
case 6 :
a="토"
break;
}
document.write("날짜 : ",a,"요일","<br>")
//끝 -->
</script>
날짜 : 월요일
배열로도 가능할까?
예제4 실행화면 <script language="javascript">
<!--
function makeArray(n) {
this.length = n;
for(var i=1; i<=n;i++)
this[i] =0 ;
return this;
}
array = new makeArray(7);
array[0] ="일"; array[1] ="월";
array[2] ="화"; array[3] ="수";
array[4] ="목"; array[5] ="금";
array[6] ="토"
mirage = new Date()
a=mirage.getDay()
b=array[a]
document.write("날짜 : ",b,"요일","<br>")
//끝 -->
</script>
날짜 : 월요일
달리 표현이 가능 하지만 Array 객체에서 예를 들어 보겠다.
- String 객체
- String객체 특성
- String객체 메소드1 (문자열속성)
메소드 기능 보기 big() 글자를 크게함 테스트 small() 글자를 작게함 테스트 bold() 글자를 진하게 테스트 fontsize(크기) 글자의 크기 테스트(4로지정) fontcolor("색") 글자색 테스트 sup() 위첨자 테스트테스트 sub() 아래첨자 테스트테스트 blink() 깜박임 fixed() 타자기체 테스트 italics() 이탤릭체 테스트 strike() 글자가운데 줄긋기 테스트
중첩해서 사용 가능하다
예) "테스트".bold().fontcolor("red") - String객체 메소드2 (하이퍼텍스트)
메소드 기능 보기 link("위치") 하이퍼텍스트 연결 <script>
document.write("테스트".link("http://mirage728.com.ne.kr/index.html"))
</script>anchor("표식") 표식지정 <script>
document.write("테스트".anchor("테스트로"))
</script> - String객체 메소드3 (문자열처리)
메소드 기능 split(분리자,개수) 문자열 분리 concat(문자열) 두 문자열을 하나로 붙이기 subString(숫자1,숫자2) 지정된 위치에 있는 문자열추출 slice(처음위치,마지막위치) 문자열 일부 추출하기 substr(처음위치,길이) 문자열 일부 추출하기 charAt(위치) 지정된 위치에서 문자찾기 indexOf(문자열) 지정된 문자의 위치찾기(왼쪽 부터 검색) lastIndexOf(문자열) 지정된 문자의 위치찾기(오른쪽 부터 검색) charCodeAt(문자위치) 문자열의 ISO Latin-1 값 알아내기 fromcharCode(숫자1,숫자2,...숫자n) ISO Latin-1 값에 해당하는 문자 알아내기 toUpperCase() 대문자로 만들기 toLowerCase() 소문자로 만들기 - split(분리자,갯수)
- concat(문자열)
두개의 문자열을 합해서 하나의 새로운 문자열을 만든다.
메소드를 호출하는 문자열과 매개변수로 들어가는 문자열을 합쳐준다.예제7 실행화면 <script language="javascript">
<!--
mirage1 = "mirage728 홈".concat(" 방문을 환영합니다.")
document.write(mirage1)
// 끝 -->
</script>
mirage728 홈 방문을 환영합니다. - substring(숫자1,숫자2)
지정된 위치에 있는 문자열을 추출하는 것으로 매개변수로 두개의 숫자가 들어가는데 숫자
사이의 문자열을 추출하게 된다.예제8 실행화면 <script language="javascript">
<!--
mirage1 = "mirage728 홈 방문을 환영합니다 "
document.write(mirage1.substring(0,11)+"<br>")
document.write(mirage1.substring(11,0)+"<br>")
document.write(mirage1.substring(11)+"<br>")
document.write(mirage1.substring()+"<br>")
// 끝 -->
</script>
mirage728 홈
mirage728 홈
방문을 환영합니다
mirage728 홈 방문을 환영합니다
두개의 매개변수의 위치가 바뀌어도 상관없고 매개변수가 하나라면 매개변수 이후의 값부터
끝까지 출력된다. - slice(처음위치,마지막위치)
substring 과 같이 지정된 위치에 있는 문자열을 추출하는 것으로 매개변수로 두개의
숫자가 들어가는데 숫자 사이의 문자열을 추출하게 된다.
매개변수의 값이 음수일 경우에는 뒤에서 부터 위치를 가리키게 된다.예제9 실행화면 <script language="javascript">
<!--
mirage3 = "mirage728 홈 방문을 환영합니다"
document.write(mirage3+"<p>")
document.write(mirage3.slice(6,11)+"<br>")
document.write(mirage3.slice(6,-3)+"<br>")
document.write(mirage3.slice(-3)+"<br>")
document.write(mirage3.slice(6)+"<br>")
// 끝 -->
</script>
mirage728 홈 방문을 환영합니다 728 홈
728 홈 방문을 환영
합니다
728 홈 방문을 환영합니다
- substr(처음위치,길이)
지정된 위치에 있는 문자열을 추출하는 것으로 첫번째 매개변수는 시작위치 이고
두번째 매개변수 추출할 문자열의 길이를 나타낸다.예제10 실행화면 <script language="javascript">
<!--
mirage4 = "mirage728 홈 방문을 환영합니다"
document.write(mirage4+"<p>")
document.write(mirage4.substr(6,11)+"<br>")
document.write(mirage4.substr(6,3)+"<br>")
document.write(mirage4.substr(-1)+"<br>")
document.write(mirage4.substr(6)+"<br>")
// 끝 -->
</script>
mirage728 홈 방문을 환영합니다 728 홈 방문을 환
728
mirage728 홈 방문을 환영합니다
728 홈 방문을 환영합니다
length(길이)가 음수가 될 수 없는 관계로 모든 문자가 출력됐다.
매개변수 지정을 안해도 모든 문자가 출력된다. - charAt(위치)
매개변수로 입력된 숫자가 가리키는 문자를 리턴하게 된다예제11 실행화면 <script language="javascript">
<!--
mirage5 = "mirage728 홈"
document.write(mirage5+"<p>")
document.write(mirage5.charAt(4)+"<br>")
document.write(mirage5.charAt(0)+"<br>")
// 끝 -->
</script>
mirage728 홈 g
m
- indexOf(문자열)
검색 하고자 하는 문자가 처음 나오는 곳의 위치를 알려준다.
문자열의 왼쪽부터 검색을 시작한다예제12 실행화면 <script language="javascript">
<!--
mirage6 = "홈 방문을 진심으로 환영합니다,자주 mirage홈을 방문해 주세요"
document.write(mirage6+"<p>")
document.write(mirage6.indexOf("방문")+"<br>")
document.write(mirage6.indexOf("홈")+"<br>")
// 끝 -->
</script>
홈 방문을 진심으로 환영합니다,자주 mirage홈을 방문해 주세요 2
0
- lastIndexOf(문자열)
검색 하고자 하는 문자가 처음 나오는 곳의 위치를 알려준다.
문자열의 오른쪽부터 검색을 시작한다예제13 실행화면 <script language="javascript">
<!--
mirage7 = "홈 방문을 진심으로 환영합니다,자주 mirage홈을 방문해 주세요"
document.write(mirage7+"<p>")
document.write(mirage7.lastIndexOf("방문")+"<br>")
document.write(mirage7.lastIndexOf("홈")+"<br>")
// 끝 -->
</script>
홈 방문을 진심으로 환영합니다,자주 mirage홈을 방문해 주세요 29
26
- charCodeAt(문자위치)
문자열의 특정 위치에 있는 문자의 ISO-Latin-1 값을 알아내는데 사용되는 메소드이다.
문자위치는 알고자 하는 문자의 위치를 나타내고 생략하면 0으로 첫번째 문자의
위치를 나타낸다.예제14 실행화면 <script language="javascript">
<!--
document.write("M의 Iso-Latin-1 값 : "+"M".charCodeAt(0)+"<br>")
// 끝 -->
</script>
M의 Iso-Latin-1 값 : 77
- fromcharCode(숫자1,숫자2,...숫자n)
ISO-Latin-1 값을 통해 문자열을 알아내는 메소드이다.예제15 실행화면 <script language="javascript">
<!--
document.write(String.fromCharCode(77,105,114,97,103,101,55,50,56))
// 끝 -->
</script>
Mirage728
분리자를 기준으로 개수로 지정된 숫자만큼 분리하게 된다.예제6 실행화면 <script language="javascript">
<!--
mirage1 = "mirage728 홈에 방문해 주셔서 진심으로 감사합니다."
mirage2 = mirage1.split(' ',4)
document.write(mirage2)
// 끝 -->
</script>
mirage728,홈에,방문해,주셔서 공백을 기준으로 해서 4개의 문자열을 분리한 것이다.
자바스크립트에서 날짜와 시간을 나타 내는데 사용되는 객체이다.
mirage = new date()
이로써 새로운 mirage 객체가 만들어 졌다.
mirage객체는 date객체의 사본이라 생각하면 이해하기 빠를 것이다.
| 메소드 | 설명 |
|---|---|
| getYear() | 1970년 이후의 연도 |
| getMonth() | 월을 나타낸다(0=1월,1=2월...11=12월) |
| getDate() | 일 |
| getDay() | 요일(0=일요일,...,6=토요일) |
| getHours() | 시 |
| getMinutes() | 분 |
| getSeconds() | 초 |
| getTime() | 1970년 1월 1일 이후 시간을 1000분의 1초로 나타낸값 |
문자열들을 말한다.
String객체를 만드는 방법은 " " 기호로 문자열을 만들기만 하면 된다.
String객체도 특성과 메소드를 가지고 있는데 String객체 뒤에 . 연산자와 함께 붙이면 된다.
예) num = mirage.length (문자열 갯수)
length : String객체의 유일한 특성으로 문자의 갯수를 저장하고 있다.
| 예제5 | 실행화면 |
|---|---|
| <script language="javascript"> <!-- mirage = "홈방문을 환영합니다" mirage2 = "Wellcome to home" document.write("홈방문을 환영합니다<br>") document.write("문자열갯수 : "+ mirage.length + "<p>") document.write("Wellcome to home<br>") document.write("문자열갯수 : "+ mirage2.length + "<br>") //끝 --> </script> |
홈방문을 환영합니다 문자열갯수 : 10 Wellcome to home |
참고로 공백문자도 갯수에 포함된다.
한글(2바이트)을 하나의 문자로 인식해서 표기 한것이 특징이다.
[출처] [5]자바스크립트 객체1|작성자 붉은매