728x90
■ 형변환
자바스크립트에서도 형변환이 있는데 변화시키고자 하는 데이터 타입을 앞에 써준다.
var num = Number( prompt("숫자를 입력하세요") )
/* "숫자를 입력하세요"라는 메시지에 10을 입력했을 때 이를 숫자로 확실히 변형한다면, 앞에 숫자를 의미하는 Number()를 붙이면 입력하는 값이 숫자가 된다. */
=>정수형 숫자 2와 문자열 “2”는 서로 다르다. 정수형 2는 그냥 숫자로써 00000010이 되고, “2”는 문자열써 ASCII(American Standard Code for Information Interchange)에서 보면 00110010이다. 따라서 서로 다르다.
■ 조건문
조건문은 참/거짓에 따라서 실행되는 프로그램 코드를 달리 할 때 사용된다.
자바스크립트 조건문에는 if문과 switch 문이 있다.
IF 문은 또 주어진 조건에 따라서 세가지 구문이있다.
1. IF ~ 문법
if(조건) {
실행문1;
실행문2;
...
}
// 구문으로써 if 다음에 있는 (조건)이 참이면 { } 안에 있는 실행문들을 실행하고,
// (조건)이 거짓이면 아무 것도 하지 않고 그냥 if 문을 빠져 나간다.
<script>
var age = Number(prompt("enter ur age"));
if (age >= 19) {
document.write("성인입니다");
}
</script>
<body>
<div id="a"></div>
<script> //only when admin user is entered, "Write" button shows
var useid=prompt("Enter ur id");
if (useid == "admin") {
document.getElementById("a").innerHTML="<button>글쓰기</button>";
}
</script>
</body>
2. IF ~ ELSE 문법
이 구문을 짝수/홀수, 합격/불합격, 수신/비수신, 회원/비회원 등과 같이 두 가지 요소의 조건이 있을 때 사용된다.
if(조건) {
실행문1;
실행문2;
...
} else {
실행문3
실행문4
...
}
// if의 (조건)이 참이면 실행문1, 실행문2, ...가 실행되고, 그렇지 않고 (조건)이 거짓이면 else 부분으로 넘어가서 실행문3, 실행문4, ...가 실행된다.
<script>
var x = prompt("Enter any number");
if ( x % 2 ==0 ){
document.write("Even number....");
} else {
document.write("Odd number");
}
</script>
<script>
var show = prompt("글쓰기 버튼을 보일까요???");
if (show == "y"){
document.getElementById("btn").innerHTML="<input type='button' value='글쓰기'>";
} else {
document.getElementById("btn").innerHTML="<input type='button' value='글수정'>";
}
</script>
// 소문자 y를 입력하면 글쓰기 버튼이 나오고 , 대문자 Y를 입력하면 글수정 버튼이 나온다
3. IF ~ ELSE IF ~ ELSE IF ~ ELSE 문법
if (조건1) {
실행문1;
실행문2;
...
}
eles if (조건2) {
실행문3;
실행문4;
...
}
eles if (조건3) {
실행문5;
실행문6;
...
}
...
else {
실행문7;
실행문8;
...
}
// if의 (조건1)이 참이면 실행문1, 실행문2, ...를 실행하고 if 문을 빠져 나간다.
// 그렇지 않으면 두 번째 else if의 (조건2)가 참이면 실행문3, 실행문4, ..를 실행하고
// 두 번째 else if 문을 빠져 나가는 식으로 해서 세 번째 else if의 (조건3)까지 본 뒤 아무 것도 참이지 않으면,
// 맨 마지막 else로 가서 실행문7, 실행문8, ...을 실행한다.
<script>
var month = Number(prompt(" Enter any month"));
if (month < 1 || month > 12) {
document.write("wrong month you entered")
}
else if (month >=3 && month <= 5){
document.write("The month of " + month + " is spring");
}
else if (month >=6 && month <= 8){
document.write("The month of "+ month + " is summer");
}
else if (month >=9 && month<=11){
document.write("The month of "+ month + " is autumn");
}
else {
document.write("The month of "+ month + " is winter");
}
</script>
4. 3항 연산자
if(조건)? true_실행 : false_실행 해주면 된다.
<script>
var userNum = Number(prompt("Enter any number"));
// if (useNum !== null) {
(userNum % 3 === 0) ? alert("3 multiple number") : alert("No 3 multiple number");
// } else {
// alert("There no exists any number");
// }
</script>
5. 중첩 IF 문
<script>
var useid = prompt("Enter ur useid");
if (useid == "admin") {
document.write("접근을 허용합니다.");
} else {
level = prompt("회원 level을 입력하세요");
if(level>=1 && level<=7) { //중첩된 if 문
document.write("콘텐츠 이용 가능합니다");
} else {
document.write("컨텐츠 이용 불가능합니다");
}
}
</script>
'일단 해보는 코딩 > Java Script' 카테고리의 다른 글
| [Java Script] 반복문 ( WHILE /FOR /이중FOR문/BREAK/CONTINUE ) (0) | 2022.06.30 |
|---|---|
| [Java Script] Switch 문 (0) | 2022.06.29 |
| [Java Script] 자바스크립트 다양한 연산자 종류 (0) | 2022.06.28 |
| [JavaScript] 자바스크립트 기본 문법 (0) | 2022.06.28 |
| [Java Script] 웹 프로그래밍 (0) | 2022.06.27 |