이번에는 연산자에 대해서 알아보겠습니다.
연산자는 값을 계산하거나 증가 또는 감소 그리고 문자열을 이어 붙이는 등 다양한 연산을 처리합니다.
다음은 연산자들을 정리한 표 입니다.
종류 |
설명 |
예시 |
+,-,*,/ |
숫자 연산 |
사칙연산을 수행합니다. |
+ |
문자열 연산 |
문자열을 이어줍니다. |
% |
숫자 연산 |
나머지 값을 구합니다. |
++ |
숫자 연산 |
1씩 증가합니다. |
-- |
숫자 연산 |
1씩 감소합니다. |
+=,-=,*=,/=,%= |
숫자 연산 |
연사을 수행하고 값을 대입합니다. |
그럼 연산자를 사용한 예를 들어 보겠습니다.
1.사칙 연산
1 2 3 4 5 6 | var a = 10; var b = 20; var c = 30; var d = 40; var e = 50; var result = a + b - c*d/e; | cs |
결과 값 : 10 + 20 - 30*40/50 = 6
2.문자열 연산
1 2 3 | var a = "baekjakka"; var b = "tistory"; var result = a + b; | cs |
결과 값 : baekjakkatistory
3. 문자열 + 숫자 연산
1 2 3 4 | var a = "baekjakka"; var b = 1; var c = "tistory"; var result = a + b + c; | cs |
결과 값 : baekjakka1tistory
문자열과 숫자를 +연산하면 문자열끼리 연산하는 겻과 같이 연산합니다.
비교 연산자
조건문의 조건을 만들기 위해서는 비교연산자를 사용해야 합니다.
연산자 |
사용 예 |
설명 |
== |
a == b |
a와 b가 같다면 |
!= |
a != b |
a와 b가 다르면 |
&& |
a == b && a == c |
a와 b가 같고 a 와 c가 같다면, 두 조건이 모두 참이어야 합니다. |
|| |
a == b || a == c |
a와 b가 같거나 a 와 c가 같다면, 두 조건 중 하나라도 만족해야 합니다. |
> |
a > b |
a 가 b보다 크다면 |
< |
a < b |
a가 b보다 작으면 |
>= |
a >= b |
a가 b보다 크거나 같으면 |
<= |
a <= b |
a가 b보다 작거나 같으면 |
** 논리곱과 논리합 연산 부가 설명 **
논리곱(&&) 와 논리합(||)
&& 논리곱은 좌측 표현식의 평가가 false일 경우 우측 표현식은 실행되지 않는다.
|| 논리합은 좌측 표현식의 평가가 true일 경우 우측 표현식은 실행되지 않는다.
실습 예제로 살펴 보겠습니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | && 와 ||을 이용한 조건문 var arr; //arr이 undefined일 경우 비어있는 배열 객체를 대입합니다. arr=arr || []; arr[0] = "홍길동"; arr[1] = "홍길서"; arr[2] = "홍길남"; arr[3] = "홍길북"; //arr이 배열 객체가 존재할 경우 arr 배열의 길이를 출력합니다. arr && document.writeln("arr.length: " + arr.length + "<br/>"); | cs |
참고서적 : JavaScript+jQuery입문+실전북
코드작성 : https://colorscripter.com/
'Language > Javascript' 카테고리의 다른 글
| 5.javascript객체 (0) | 2017.09.22 |
|---|---|
| 3.javascript 조건문 (0) | 2017.09.19 |
| 1.Javascript변수 (0) | 2017.08.15 |
| Window 객체 (0) | 2017.07.20 |
| 오브젝트모델(Object Model) (0) | 2017.07.20 |