Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

3일만에 끝내는 HTML, CSS, JS 기초

j06. 자바스크립트 연산자 본문

JAVASCRIPT

j06. 자바스크립트 연산자

눈의나라북범 2016. 6. 5. 15:31

자바스크립트 연산자

산술 연산, 등호 연산, 문자열 연산, 논리 연산 으로 구분하여 자바스크립트의 연산자에 대해 알아보겠습니다.

자바스크립트 산술 연산자 (JavaScript Arithmetic Operators) 는 상수나 변수의 산술 연산에 사용됩니다.
+ 덧셈 - 뺄셈 * 곱셈 / 나눗셈 (나누기하여 몫을 구함) % 나누기 하여 나머지를 구함 ++ 증가 -- 감소

자바스크립트 할당 연산자 (JavaScript Assignment Operators, = ) 는 값을 변수에 할당하는데 사용됩니다.

= x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y
<p id="myID61"></p> <script> var x = 100; x += 500; document.getElementById("myID61").innerHTML = x; </script>

자바스크립트 문자열 연산자 (JavaScript String Operators, + ) 는 문자들을 더하기 (연결하기, concatenate) 해 줍니다.

문자열 에 + 연산자가 사용 되면, 연결 연산자 라고 부릅니다.

<p id="myID62"></p> <script> myText1 = "오늘의 최고 기온은 : "; myText1 += 24; document.getElementById("myID62").innerHTML = myText1; </script>
문자에 숫자를 더하는 경우에도, 문자열로 반환됩니다.

자바스크립트 비교 및 논리 연산자 (JavaScript Comparison and Logical Operators) 는 등호와 관련되어 논리적 판정을 하게 합니다.

== 좌우의 두 값이 같습니다. === 좌우의 두 값이 같을 뿐 아니라, 자료형 까지도 같습니다. != 값이 같지 않습니다. !== 값이 같지 않거나, 또는 자료형이 같지 않습니다. > 좌측이 더 큽니다. < 좌측이 더 작습니다. >= 좌측이 크거나 같습니다. <= 좌측이 작거나 같습니다. ? 삼위 연산자 (세가지로 분기합니다.)

그 외에 자바스크립트 자료형 연산자 (JavaScript Type Operators) 가 있습니다.

typeof 변수의 자료형을 알려 줍니다. instanceof 어떤 객체가, 인스턴스 (instance) 객체 타입일 경우 참 (true) 값을 가집니다.

[광고] Udemy 동영상 강의로 보기

'JAVASCRIPT' 카테고리의 다른 글

j08. 자바스크립트 함수  (0) 2016.06.05
j07. 자바스크립트 자료형  (0) 2016.06.05
j05. 자바스크립트 지시문  (0) 2016.06.05
j04. 자바스크립트 구문  (0) 2016.06.05
j03. 자바스크립트 출력  (0) 2016.06.05