3일만에 끝내는 HTML, CSS, JS 기초
j06. 자바스크립트 연산자 본문
자바스크립트 연산자
산술 연산, 등호 연산, 문자열 연산, 논리 연산 으로 구분하여 자바스크립트의 연산자에 대해 알아보겠습니다.
자바스크립트 산술 연산자 (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 |