Date Object
- 사용법
- new 연산자를 통해 객체 만들기
- 새 객체를 통해 필요한 함수 부르기
- 생성자
생성자 예제 설명
Date() Date() 현재 날짜
Date(year,month,day) Date(2000,11,25) 2000년 11월 25일 자정
Date(yyyy,mm,dd,hh,mi,ss) Date(2020,9,7,9,10,55) 2020년 10월 7일 9시 10분 55초
Date("mm dd,yyyy hh:mi:ss") Date("Nov 7,2020 09:10:55")) 2020년 11월 7일 9시 10분 55초
Date(milliseconds) Date(0) 1970년 1월 1일 0시 0분 0초
// Date() 할 때 date안됨! 오직 Date만 가능.
- 관련함수
getYear() / setYear() 년도(1901.1.1 0시부터 계산)
getMonth() / setMonth() 월(0:1월, 1:2월,...,11:12월)
getDate() / setDate() 일(1일 ~ 31일)
getDay() / setDay() 요일(0:일,1:월,....6:토)
getHours() / setHours() 시간(0시 ~ 23시)
getMinutes() / setMinutes() 분(0분 ~ 59분)
getSeconds() / setSeconds() 초(0초 ~ 59초)
getMilliseconds() / setMilliseconds() 시간(0시 ~ 23시)
예제 - date1.html
<script>
var d = new Date();
document.write("년도는 : " + d.getYear() + "<br>월은 : " + d.getMonth() + "<br>일은 : " + d.getDate() + "<br>요일은 : " + d.getDay() + "<br>시는 : " + d.getHours() + "<br>분은 : " + d.getMinutes() + "<br>초는 : " + d.getSeconds() + "<br>밀리초는 : " + d.getMilliseconds() + "<hr>");
d.setYear(2020);
document.write(d + "<hr>");
d.setMonth(7);
document.write(d + "<hr>");
</script>
---------------- 출력 ------------------
년도는 : 114
월은 : 11
일은 : 9
요일은 : 2
시는 : 15
분은 : 54
초는 : 48
밀리초는 : 731
Wed Dec 09 2020 15:54:48 GMT+0900 (KST)
Sun Aug 09 2020 15:54:48 GMT+0900 (KST)
------------------ 출력끝-----------------
문제 - date2.html
이미지를 이용하여 요일별로 다른 이미지가 출력되도록 하시오
<script>
var d = new Date();
if(d.getDay() == 0)
document.write('<img src = "img1.jpg">');
else if(d.getDay() == 1)
document.write('<img src = "img2.jpg">');
else if(d.getDay() == 2)
document.write('<img src = "img3.jpg">');
else if(d.getDay() == 3)
document.write('<img src = "img4.jpg">');
else if(d.getDay() == 4)
document.write('<img src = "img5.jpg">');
else if(d.getDay() == 5)
document.write('<img src = "img6.jpg">');
else if(d.getDay() == 6)
document.write('<img src = "img7.jpg">');
</script>
// 단, html 파일과 같은 경로에 img1 ~ img7 파일들이 존재해야함.
Math Object
- 수학과 관련된 객체
- new를 통해 객체를 생성하지 않는다.
- 메소드
함수 설명
abs(x) x의 절댓값
asin(x) 아크사인
acos(x) 아크코사인
atan(x) 아크탄젠트
sin(x) 사인
cos(x) 코사인
tan(x) 탄젠트
exp(x) e^x (e의 x승)
log(x) log x (로그 x)
max(x,y) 최대값
min(x,y) 최소값
pow(x,y) x의 y승
sqrt(x) x의 제곱근
ceil(x) 올림
floor(x) 내림
round(x) 반올림
random() 난수
예제 - math1.html
<script>
var x = 32;
var out = "";
out += Math.abs(x) + "\n" + Math.sin(x) + "\n" + Math.cos(x) + "\n" + Math.tan(x) + "\n" + Math.exp(x) + "\n" + Math.log(x) + "\n" + Math.sqrt(x) + "\n";
var y = 40, z = 15.7;
out += Math.max(x,y) + "\n" + Math.min(x,y) + "\n" + Math.pow(3,4) + "\n" + Math.ceil(z) + "\n" + Math.floor(z) + "\n" + Math.round(z) + "\n" + Math.random();
alert(out);
</script>
예제 - math2.html
<script>
// 랜덤이 0.0 ~ 1.0 나옴.
var a = Math.floor(Math.random()*7)+1;
document.write('<img src = "test' + a + '.jpg">');
</script>
// test[random].jpg 여는 소스
String Object
anchor("str") Anchor
big() 큰 글자
bold() 굵은 글자
fixed() 타자글자
fontcolor("str") 문자 색상
fontsize(size) 문자 크기
italics() 이탤릭체
link("url") 하이퍼링크를 걸어서 반환
small() 작은 글자
strike() 줄 쳐진 글자
sub() 아래 첨자
sup() 위첨자
length 텍스트의 개수를 반환
예제 - string1.html
<script>
var string = "JavaScript";
var out="":
out += string.anchor() + "<br>"; // Javascript (자기 페이지에서 하이퍼링크 걸때)
out += string.big() + "<br>";
out += string.blod() + "<br>";
out += string.fixed() + "<br>";
out += string.fontcolor("red") + "<br>";
out += string.fontsize(13) + "<br>";
out += string.italics() + "<br>";
out += string.link("http://www.ebs.co.kr") + "<br>";
out += string.small() + "<br>";
out += string.strike() + "<br>";
out += "Dolmen" + string.sub() + "<br>";
out += "Dolmen" + string.sup() + "<br>";
document.write(out);
</script>
주요 함수
charAt(idx) idx번째 문자 추출
concat(str,str,...) 문자열 합치기, +와 같은 기능
indexOf(str) str이 나타나는 첫 번째 위치(왼쪽부터)
lastIndexOf(str) str이 나타나는 첫 번재 위치(오른쪽 부터)
match(regexp) regexp 객체와 동일한지 검사
replace(regexp,text) regexp에 해당하는 문자를 text 로 교체
search(regexp) regexp가 존재하는지 (true,false 리턴)
slice(start,end) 문자열의 일부분 추출
split(분리자,갯수) 문자열 분리(배열이 리턴)
substr(start_idx,len) 문자열의 일부분 추출
toLowerCase(),toUpperCase() 소문자, 대문자로 변환
toString, valueOf() 자기 자신 리턴
<script>
var output = "Hello World..!",out = "";
out += output.toLowerCase() + "\n";
out += output.toupperCase() + "\n";
out += output.charAt(2) + "\n"; // 처음에 0부터 시작
out += output.concat(output,"dolmen") + "\n";
out += output.indexof("or") + "\n";
out += output.lastIndexOf("He") + "\n";
out += output.match("dolmen") + "\n";
out += output.replace("World","DOLMEN") + "\n";
out += output.search("Wor") + "\n";
out += output.slice(3,10) + "\n";
var a ="1013-1010".split("-",3);
alert(a[0] + a[1] + a[2]);
out += output.substr(0,10) + "\n";
out += output.toString() + "\n";
out += output.valueOf() + "\n";
alert(out);
</script>
Array Object
주요 함수
concat(array1,array2,..) 하나로 합치기
join(str) str 구분자로 연결하여 결합
pop() 맨 마지막 변수 삭제
push(item1,item2,...) 마지막에 변수 추가
reverse() 순서 뒤집기
shift() 맨 처음 값 삭제
slice(번호1,번호2..) 번호1부터 2직전의 데이터 까지 잘라서 저장
sort(func) 정렬
splice(idx,len,item1,item2...) 특정부분을 삭제하거나 교체
unshift(item1,item2...) 앞부분에 변수들 추가
예제 - array1.html
<script>
var out = "";
var theFood=["짜장면","냉면","갈비탕","돈까스","삼겹살"];
theFood.reverse();
out == theFood + "\n";
var theSubway=["2호선","9호선","7호선","4호선","3호선"];
theSubway.sort();
out += theSubway + "\n";
var Mountain1=["남산","도봉산","관악산"
</script>
'전공 과목 시험정리 > 웹프로그래밍' 카테고리의 다른 글
| 객체 (Object) (0) | 2015.01.11 |
|---|