1. 자바스크립트의 주석
// 한 줄
/* 여러 줄 */
예제)
<!DOCTYPE HTML>
<html>
<head>
<title>자바스크립트 기초</title>
<meta charset="utf-8">
<script type="text/javascript">
<!--
// 한 줄 주석
/* 두 줄 이상의 주석 */
document.write("<h2>자바스크립트</h2>");
// 객체.메소드("태그 또는 문자(열)")
-->
</script>
</head>
<body>
<p>body 영역</p>
</body>
</html>
3. 자바스크립트의 연산자
1) 산술연산자 : +, -, *, /(몫), %(나머지)
2) 관계연산자: >, <, >=, <=, ==(같다), !=(서로다르다)
3) 논리연산자: &&(and연산자), ||(or연산자), ^(excusive or연산자: 둘 다 다를 경우에만 참)
조건1 | 조건 2 | and 연산 | or 연산 | ^ 연산 |
true | true | true | true | false |
true | false | false | true | true |
false | true | false | true | true |
false | false | false | false | false |
4) 1증가 연산자: ++, 1감소연산자: --
5) 대입연산자: =
왼쪽 = 오른쪽;
오른쪽에서 발생된 값을 왼쪽에 대입한다는 의미
6) 복합 대입 연산자: +=, -=, *=, /=, %=
a+=1; // a=a+1;
예제)
<!DOCTYPE HTML>
<html>
<head>
<title>자바스크립트 기초</title>
<meta charset="utf-8">
<script type="text/javascript">
<!--
// 산술연산자 : +, -, *, /(몫), %(나머지)
document.write(5+4,"<br>");
document.write(5-4,"<br>");
document.write(5*4,"<br>");
document.write(5/4,"<br>");
document.write(5%4,"<br>");
// 관계연산자: >, <, >=, <=, ==(같다), !=(서로다르다)
// 왼쪽부터 해석
document.write(5>4,"<br>"); // 5가 4보다 큰가
document.write(5<4,"<br>"); // 5가 4보다 작은가
document.write(5<=4,"<br>");
document.write(5>=4,"<br>");
document.write(5==4,"<br>");
document.write(5!=4,"<br>");
// 논리연산자: &&(and연산자), ||(or연산자), ^(excusive or연산자)
document.write((10>9)&&(10<5),"<br>");
document.write((10>9)||(10<5),"<br>");
document.write((10>9)^(10<5),"<br>");
document.write("<br>");
// 1증가 연산자: ++, 1감소연산자: --
i=10;
i++; // 11
i--; // 10
++i; // 11
--i; // 10
document.write(i,"<br>"); // 10
// 대입연산자: =
// 왼쪽 = 오른쪽;
// 오른쪽에서 발생된 값을 왼쪽에 대입한다는 의미
cup = "물";
cup = cup + "커피";
document.write(cup+"<br>");
// 복합 대입 연산자: +=, -=, *=, /=, %=
a=1;
a+=1; // a=a+1;
document.write(a+"<br>"); // 2
a-=1;
document.write(a+"<br>");
a*=1;
document.write(a+"<br>");
a/=1;
document.write(a+"<br>");
a%=1;
document.write(a+"<br>");
-->
</script>
</head>
<body>
</body>
</html>
결과)
9
1
20
1.25
1
true
false
false
true
false
true
false
true
1
10
커피
2
1
1
1
0
'JavaScript' 카테고리의 다른 글
| 3. 자바스크립트 기초: 문장형식, 변수 (0) | 2017.08.22 |
|---|---|
| 2. 자바스크립트 기초: 조건 제어문 if (0) | 2017.08.17 |
| ECMA 스크립트: 객체의 생성과 속성 추가, 삭제, 수정 (0) | 2016.05.25 |
| ECMA 스크립트: 객체의 속성을 지정하는 defineProperty (0) | 2016.05.24 |
| ECMA 스크립트의 문자열 공백 제거 trim() (0) | 2016.05.24 |
