조건문을 사용해 특정 조건일 때만 실행하는 코드를 만들 수 있다.
if
결과가 true일 때만 실행한다.
if (조건) {
코드;
}
if - else
if - else if - else
으로 사용할 수 있다.
var n = 10;
if(n%2==0){
document.write("이 숫자는 짝수입니다.")
}
else
document.write("이 숫자는 홀수입니다.")
else로 나머지 조건에 대한 코드를 만들었다.
<style>
.bold{
font-weight: bold;
}
</style>
<script>
for (i = 1; i < 101 ; i++) {
var classname='';
if(i%5==0||i%9==0)
classname='bold';
document.write(`<span class = '${classname}'>${i}</span> `)}
</script>
1~100 숫자 출력하면서 5와 9의 배수를 출력할 때는 글꼴을 두껍게 처리하였다.
클래스를 이용해서 스타일을 주었다.
switch
조건문 switch는 일치하는 값에 따라 조건을 줄 수 있다.
let no = Number(prompt('숫자입력, 1-google / 2-naver / 3-daum','0'));
let url = 'https://';
switch(no){
case 1 : url+='google.com'; break;
case 2 : url+='naver.com'; break;
case 3 : url+='daum.net'; break;
default : url+='cyworld.com'; break;
}
location.href=url;
해당 숫자가 들어올 때 url변수에 특정 주소를 넣어주고, location.href로 url 이동하도록 지정했다.
break, continue
반복문 안에서는 break 와 continue 를 이용해서 반복문에서 벗어나거나, 그 다음 반복 회차를 실행하도록 할 수 있다.
break
let i = 1;
while(true){
document.write(i, ' ')
if(i==100) break;
i++;
}
숫자 1부터 100까지 출력하는 명령문을 while 무한 반복문을 이용하였다.
조건문이 true인 무한반복문을 빠져나오기 위해서 break를 걸어주었고 if 조건이 만족하면 break;가 실행되어 감싸고 있는 반복문 하나를 강제 종료한다.
continue
for(i=1;i<=100;i++){
if(i%2==0)
continue;
document.write(i,' ');
}
if 조건이 만족되면 continue; 하도록 조건을 걸어주었다. continue 이후 남은 코드를 무시하고 다음 반복 회차로 넘어간다.
isNaN()
Not a Number, 매개변수가 숫자가 아닌지 검사하는 함수이다. 매개변수가 숫자가 아니면 true, 숫자이면 false를 반환한다.
document.write(isNaN(100),"<br>"); //false
document.write(isNaN(0),"<br>"); //false
document.write(isNaN(-100),"<br>"); //false
document.write(isNaN("100"),"<br>"); //false
document.write(isNaN("12*34"),"<br>"); //true
document.write(isNaN("1A0"),"<br>"); //true
document.write(isNaN("1RRR"),"<br>"); //true
100, 0, -100같은 숫자는 물론 false를 반환하고, "100"이나 '100'처럼 문자열로묶인 숫자가 될 수있는 것들도 false로 반환한다. 숫자사이에 문자가 있으면 문자로 인식하고, true를 반환한다.
'WEB > JavaScript' 카테고리의 다른 글
자바스크립트 : document.getElementById(id); (1) | 2022.06.14 |
---|---|
자바스크립트 : Math 메서드 (1) | 2022.06.14 |
자바스크립트 : 문자열 - charAt(), indexOf(), lastIndexOf(), length, replace(), replaceAll(), charCodeAt(), fromCharCode() (1) | 2022.06.14 |
자바스크립트 : alert(경고창), confirm(선택창), prompt(입력창) (1) | 2022.06.14 |
자바스크립트 : 특징, 출력, 변수/상수(var, let, const), 연산자, 반복문 (for, while) (1) | 2022.06.11 |