연산자_js
2021. 12. 16. 10:53ㆍksmart_html_css_js/JavaScript
728x90
- 산술, 문자결합, 대입, 증갑, 비교, 논리, 삼항조건
산술 연산자
- 숫자의 연산처리 할 때
- 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)
var n01=10 + 3;
console.log(n01,'10+3');//더하기
var n01=10 - 3;
console.log(n01,'10-3');//빼기
var n01=10 * 3;
console.log(n01,'10*3');//곱하기
var n01=10 / 3;
console.log(n01,'10/3');//나누기
var n01=10 % 3;
console.log(n01,'10%3');//나머지
문자 결합 연산자
- 문자와 문자를 결합 할 때 + 기호로 결합한다.
- 문자형 + 문자형 이외의 결과값은 문자형이다.
var str01='한국스마트'+'정보교육원';
console.log(str01,'문자결합');
str01=str01+'입니다';
console.log(str01,'문자결합');
var str02='ksmart.or.kr';
var str03=str01+str02;
console.log(str03,'문자결합');

- 숫자값을 가진 문자형과 숫자형 숫자를 연산하면 문자형의 결과값이 나온다.
var n02='3000';
var n03= 10;
var n04= n02+n03;
console.log(n04);

대입 연산자
- 값을 변수에 대입 할 때 쓰이는 연산자
- 대입 연산자
var num01=10;
- 복합 대입 연산자
var num02= 0;
num02 +=10;//num02+10
console.log(num02);
num02+=num01;
console.log(num02);
var num03=10;
num03-=1;
console.log(num03,'-');
var num04=10;
num04*=1;
console.log(num04,'*');
var num05=10;
num05/=1;
console.log(num05,'/');
var num06=10;
num06%=1;
console.log(num06,'%');

- html 코드
var htmlTag='';
htmlTag+='<ul>';
htmlTag+='<li>';
htmlTag+='한국스마트정보교육원';
htmlTag+='</li>';
htmlTag+='<li>';
htmlTag+='ksmart.or.kr';
htmlTag+='</li>';
htmlTag+='</ul>';
증감 연산자
- '++','--' 기호로 1씩 증가 혹은 1씩 감소 시킨다.
- 변수명 앞 혹은 뒤에 쓰인다.
- 변수명 앞에 '++','--' 있을 경우 선 증가, 선 감소
- 변수명 뒤에 '++','--' 있을 경우 후 증가, 후 감소
- 숫자형에만 쓰일 수 있다.
-후 증가
var nn01=0;
nn01++;
console.log(nn01)

- 선 증가
var nn01=0;
++nn01;
console.log(nn01);

- 후 감소
nn01--;
console.log(nn01);
- 선 감소
--nn01;
console.log(nn01);
- 후 증가 혹은 후 감소 적용되는 변수를 대입 할 경우, 변수의 값을 먼저 대입한 후에 증가 혹은 감소 시킨다.
var nn02=0;
var nn03=nn02++;
console.log(nn03,'nn02++ 후 증가');
var nn02=0;
var nn03=nn02++;
//nn03에 0을 대입 후에 nn02을 1증가
console.log(nn03,nn02,'nn02++ 후 증가');
- 선 증가 혹은 선 감소 적용되는 변수를 대입 할 경우, 변수 값을 먼저 증가 혹은 감소 시킨 후에 결과값을 대입한다.
var nn04=0;
var nn05=++nn04;//nn04에 1먼저 증가 시키고 nn05에 nn04 값 대입
console.log(nn05,nn04,'++선증가');
var nn06=0;
console.log(nn06++,'nn06++후 증가');
console.log(nn06,'후 결과값');
var nn07=0;
console.log(++nn07,'++nn06 선 증가');
console.log(nn07,'선 결과값');
728x90
'ksmart_html_css_js > JavaScript' 카테고리의 다른 글
제어문-조건문,반복문_js (0) | 2021.12.18 |
---|---|
연산자2_js (0) | 2021.12.16 |
변수 표기법_js (0) | 2021.12.16 |
Let, Var_js (0) | 2021.12.16 |
자바스크립트 변수_js (0) | 2021.12.16 |