VScode/JavaScript
[JavaScript] if, loop
hvoon
2022. 9. 8. 17:38
if문 날짜
-자바스크립트에도 자바와 같이 활용할 주요 내장 클래스들이 존재함.
-새로운 객체를 생성하기 위해 new는 명령과 함께 객체를 생성하여 사용함
-자바 스크립트의 if문의 사용은 자바에서의 사용과 똑같음
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Controll_IF.html</title>
<script type="text/javascript">
var date=new Date();
// 자바스크립트의 내장 라이브러리 중 날짜 객체를 생성하는 명령
var hour=date.getHours();
if(hour<11){
document.write("<h2>"+hour+'시: 아침</h2>');
} else if(hour<15){
document.write("<h2>"+hour+'시: 점심</h2>');
} else{
document.write("<h2>"+hour+'시: 저녁</h2>');
}
// var year=date.hetYear();
// document.write(year+"년");
// getYear() 함수는 원래 년도에서 1900년을 뺀 값을 리턴함
// getYear() 함수는 웹 표준에서 제거(Deprecated) 되었음
// getFullYear()로 대체되어 사용중
var year=date.getFullYear();
document.write("<h2>"+year+"년</h2>");
var month=date.getMonth();
document.write("<h2>"+(month+1)+"월</h2>");
var date1=date.getDate();
document.write("<h2>"+(date1)+"일</h2>");
var week=date.getDay();
// 0:sun, 1:mon, ... 6:sat
if(week==1) document.write("<h2>월요일</h2>");
else if(week==2) document.write("<h2>화요일</h2>");
else if(week==3) document.write("<h2>수요일</h2>");
else if(week==4) document.write("<h2>목요일</h2>");
else if(week==5) document.write("<h2>금요일</h2>");
else if(week==6) document.write("<h2>토요일</h2>");
else document.write("<h2>일요일</h2>");
</script>
</head></html>while 반복문
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Loop.html</title>
<script type="text/javascript">
var value=1;
var s="";
while(value<5){
document.write("<h2>"+value+'번째 반복</h2>');
s=s+value+"번째 반복 ";
value++;
}
document.write("<h2>"+s+"</h2>");
</script>
</head></html>
var value=0;
var startTime=new Date().getTime();
// 오늘 날짜 현재시간의 밀리초 환산값
// document.write("<h2>"+startTime+"</h2>");
endTime=startTime+1000;
while(new Date().getTime()<endTime){
value++;
} // 1초 동안 ++ 연산이 몇번이나 실행되는지 value 변수에 저장됨
document.write("<h2>시작시간: "+startTime+
"<br>종료시간(시작시간+1초): "+endTime+"<br>반복횟수: "+value+"</h2>");
do~while 반복문
-반복실행의 조건이 처음부터 false가 되어도 한번은 실행하는 특징 있음
var value=10;
do{
document.write(value+'번째 반복.<br>');
value++;
} while(value<=5);
// -> '10번째 반복' 출력
for 반복문
var array=['포도','사과','바나나','망고'];
for(var i=0; i<array.length; i++){
document.write("<h2>"+array[i]+"</h2>");
}
// -> '포도 사과 바나나 망고' 출력
for in 반복문
var array=['포도','사과','바나나','망고'];
for(var a in array){
// 배열의 값이 전달되지 않고, 배열의 인덱스들이 전달됨
document.write("<h2>"+array[a]+"</h2>");
}
// -> '포도 사과 바나나 망고' 출력