연산자_js

2021. 12. 16. 10:53ksmart_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