728x90
반응형
|
비교연산자
출력값 : true or false |
|
|
동치연산자 (비교 연산자 중에서 같다라는 연산자 종류)
|
|
|
일반동치연산자 (==)
- 자료형 보지 않고 오로지 값으로만 비교 - js의 == 연산자는 다른 언어와는 다르게 강제 형변환을 실행 |
document.write(254 == "254"); //true
document.write(false == 0); //false =0 없는값
document.write(true == 1); //true = 1
document.write(true !=2); //true
document.write(undefined == null); //true
|
| 완전동치연산자 (===) - 자료형까지 완전하게 모두 일치하는 값으로 비교 - 형변환 처리를 하지 않고 비교함 |
|
| ! // 자바스크립트에서 "!부정자료형" 형식은 숫자 0 , 또는 "",
// null, undefined 값을 제외한 모든 것을 true로 인식한다.
document.write("(!0) : " + (!0) + "<br>");
document.write("(!b) : " + (!b)+ "<br>"); //false, b는 선언된 유효한 값
document.write('(!"wow") : ' + (!"wow") + "<br>"); //??????????
document.write('(!"") : ' + (!"") + "<br>"); //true, 유효하지 않은 값
document.write("(!null) : "+ (!null) + "<br>"); //true
document.write("(!undefined) : " + (!undefined) + "<br>"); //true
|
|
|
num1 += num2; //num1 = num1 + num2
num1 -= num2; //num1 = num1 - num2
num1 *= num2; //num1 = num1 * num2
num1 %= num2; //num1 = num1 % num2
|
|
|
num1--; // num1 = num1; num1 = num1-1;
num1++; //num1 = num1; num1 = num1+1;
//result = num2 => 20; num2 = num2 + 1;
//num2 = num2 +1; => 22, result =num2;
|
oper
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>산술 연산자</title> <script> function pclick(){ let x= 5; let y= 2; let z = x +y ; document.getElementById("demo").innerHTML = "<input type='number' value='"+z+"'>"; /* 태그로 들어감 */ } </script> </head> <body> <h2>JavaScript Operators</h2> <p> x=5, y=2, calculate z = x+y, and display z= <span id="demo"></span> </p> <button type="button" onclick="pclick()">답확인</button> </body> </html>
aa
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>동치연산자 ==와 ===의 차이</title> <script> // 자바스크립트의 == 연산자는 다른 언어와는 다르게 강제 형변환을 실행한다. document.write(254 == "254" , "<br>"); document.write(false == null, "<br>"); document.write(false == undefined, "<br>"); document.write(false == 0, "<br>");/* 0 은 없는 값이기 때문에 false */ document.write(true == 1, "<br>"); /* 1 은 true */ document.write(true !=2 , "<br>"); document.write(undefined == null , "<br><hr>"); // === 연산자 : 형변환 처리를 하지 않고 비교함. document.write(254 === "254" , "<br>"); document.write(false === null, "<br>"); document.write(false === undefined, "<br>"); document.write(false === 0, "<br>"); document.write(true === 1, "<br>"); document.write(true !==2 , "<br>"); document.write(undefined === null , "<br>"); </script> </head> <body> </body> </html>
asd
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> var a = 7, b= 3; document.write('"7" + 3 = ' , a+ b, '<br>'); document.write("(7+3) = " + (a+b) + "<br>"); document.write("(7==3) : " + (a==b)+ "<br>"); document.write("(7 != 3) : " + (a != b)+ "<br>"); document.write("(!false) : " + (!false) + "<br>"); // 자바스크립트에서 "!부정자료형" 형식은 숫자 0 , 또는 "", // null, undefined 값을 제외한 모든 것을 true로 인식한다. document.write("(!0) : " + (!0) + "<br>"); //true document.write("(!b) : " + (!b)+ "<br>"); //false, b는 선언된 유효한 값 document.write('(!"wow") : ' + (!"wow") + "<br>"); //false ?????????? document.write('(!"") : ' + (!"") + "<br>"); //true, 유효하지 않은 값 document.write("(!null) : "+ (!null) + "<br>"); //true document.write("(!undefined) : " + (!undefined) + "<br>"); //true </script> </head> <body> </body> </html>
asf
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>복합(혼합) 대입 연산자</title> <script> var num1 = 10; //13 //10 //30 var num2 = 3; num1 += num2; //num1 = num1 + num2 document.write(num1, ", ");//13 num1 -= num2; //num1 = num1 - num2 document.write(num1, ", ");//10 num1 *= num2; //num1 = num1 * num2 document.write(num1, ", ");//30 num1 %= num2; //num1 = num1 % num2 document.write(num1) //0 </script> </head> <body> </body> </html>
증감연산자
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>증감 연산자</title> <script> var num1 = 10; var num2 = 20; var result; // num1--; // num1 = num1; num1 = num1-1; document.write(num1--, "<br>"); document.write(num1, "<br>"); // num1++; //num1 = num1; num1 = num1+1; document.write(num1++, "<br>"); document.write(num1, "<br>"); result = num2++; //result = num2 => 20; num2 = num2 + 1; document.write(result + " / " + num2, "<br>"); result = ++num2; //num2 = num2 +1; => 22, result =num2; document.write(result, "<br>"); </script> </head> <body> </body> </html>
728x90
반응형