😫 조건절 주의사항
조건식에 들어가는 값에따라 true인지 false인지 알아보자
{
// false : 0 , null, undefined , false , ""(빈문자열)
// true : 1, "0", "1", "abc", [], {}, true
if(조건식) document.write("실행됨 true")
else document.write("실행됨 false")
}
let i의 값에 따라 반복문의 횟수가 정해짐
임의의 변수로 원하는 횟수가 맞는지 확인하기 !
01. if 문
조건절의 값에 따라 true false를 구별하여 출력함
let i 값이 0 일때와 1일때의 차이를 알아보자
{
if("조건절"){
document.write("실행됨 true")
}else{
document.write("실행됨 false")
}
}
결과 확인하기
100 == 100 실행됨 true
100 != 100 실행됨 false
02. if문 생략
if문을 줄여 보자 !
{
// if("조건"){
// document.write("실행됨 true")
// }else{
// document.write("실행됨 false")
// }
if(true) document.write("실행됨(true)");
else document.write("실행됨(false)");
}
결과 확인하기
100 == 100 실행됨 true
100 != 100 실행됨 false
100
03. 다중 if문
if문을 여러게 !
{
if(num == 90){
document.write("실행됨 num = 90");
}else if( num == 100){
document.write("실행됨 num = 100");
}else if( num == 110){
document.write("실행됨 num = 110");
}else if( num == 120){
document.write("실행됨 num = 120");
}else{
document.write("실행은됨");
}
}
결과 확인하기
let = 100 >>결과>> 실행됨 num = 100
let = 10 >>결과>> 실행은됨
04. 삼항 연산자
for문에서 선언한 let i 값에 따른 결과가 차이나는걸 주의해야해!
{
// if(조건절){
// document.write("true");
// }else{
// document.write("false");
// }
// 아래 처럼 간단히 표현할수있어 !
(조건절) ? document.write("true") : document.write("false")
}
결과 확인하기
100 == 100 실행됨 true
100 != 100 실행됨 false
05. 중첩 if 문
if문안에 if문 안에 if문을 쓸수있어
{
if(num == 100){
document.write("실행되었습니다1")
if(num==100){
document.write("실행되었습니다2")
if(num==100){
document.write("실행되었습니다3")
}
}
}else{
document.write("실행되었습니다4")
}
}
결과 확인하기
06. switch문
if else문과 비슷한 swich문
{06. switch문 ( 다중 if 문)
const num = 90;
if(num ==90){
document.write("실행90");
}else if(num == 80){
document.write("실행80");
}else if(num == 70){
document.write("실행70");
}else if(num == 60){
document.write("실행60");
}else if(num == 50){
document.write("실행50");
}else{
document.write("빵 ! ");
}
const num1 = 90;
switch(num1){
case 90:
document.write("실행90");
break;
case 80:
document.write("실행80");
break;
case 70:
document.write("실행70");
break;
case 60:
document.write("실행60");
break;
case 50:
document.write("실행50");
break;
default:
document.write("빵!!!");
break;
}
}
결과 확인하기
실행90
실행90
실행90
if문과 case문을 문법은 틀리지만 결과는 같다!
07. while문
for과 비슷한 while문
{
// 07. while문
for(let i = 0 ; i <=5 ; i++){
document.write(i);
}
document.write("
");
let numWhile = 0;
while(numWhile<=5){
document.write(numWhile);
numWhile++;
}
}
결과 확인하기
0
1
2
3
4
5
1
2
3
4
5
for문과 while문을 문법은 틀리지만 결과는 같다!
08. do while문
for문과 do- while문을 문법은 틀리지만 결과는 같다!
{
document.write("
");
let numWhile1 = 10;
do{
document.write("numWhile " +numWhile1 );
numWhile1++;
}while(numWhile1<10);
document.write("numWhile " +numWhile1 );
}
결과 확인하기
10
11
11
do while문은 조건식을 일단은 실행!
그래서 10과 11이 동시에 출력
09. for문
for문안에 조건절에 따라 실행되어 반복시켜줌
{
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
let a = "";
for(let i = 0 ; i <arr.length ; i++){
a+= arr[i]+" ";
}
document.write(`<span style='color:red'>${a}</span>${b}`);
}
결과 확인하기
10. 중첩for문
for문안에 for문!
{
for(let i = 0 ; i <=10 ; i++){
document.write( ` ${i} : `)
for(let j = 0 ; j <=10 ; j++){
document.write(j);
}
document.write("<br>")
};
}
결과 확인하기
11. break문
for문안에 반복하다 break문이 나오면 stop
{
for(let i=1 ; i < 100 ; i++){
if(i ==10)break;
document.write(i);
}
}
결과 확인하기
12. continue문
for문안에 조건절에 따라 실행되어 반복시켜줌
{
for(let i=1 ; i < 20 ; i++){
if(i ==10)continue;
document.write(i);
//10을 pass
}
}
결과 확인하기
10이란 숫자는 없음 !