기초 프로그래밍언어 : 변수, javascript: 연산자

2020. 12. 23. 12:32프론트엔드/JavaScript

반응형

변수 variable

:변할 수 있는 데이터를 저장하는 공간

 

 

usage

var #= 데이터;

var #2;

#2=데이터;

 

변수 이름 만드는 규칙

: camelCase를 사용

1. 영문자 숫자 특수문자($,_) 를 사용

2. 숫자로 시작x

 

기본 데이터 타입

1. number

2. string(문자)

3. boolean : true false

4. null 초기화

5.undefined

 

연산자

1.산술연산자

: + - * / %(나누기한 나머지)

2.연결연산자

: 앞뒤 둘 중하나가 문자일 때

3.증감연산자

: ++ 1 증가, -- 1 감소

증감연산자가 어디에 붙느냐에 따라 결과값이 바뀜

        var num1 = 10;
        var num2 = 3;
        
        ++num1;
        console.log(num1);   //결과 11
        console.log(++num1); //결과 12
        console.log(num1);  //결과 12
        
        --num2;
        console.log(num2); //결과 2
        console.log(num2--);  //결과2
        console.log(num2); //결과1

 

4. 대입연산자

종류 풀이
A = B A = B
A += B A = A+B
A *= B A = A*B
A /= B A = A/B
A %= B A = A%B

 

var num=1;
//테이블을 저장한 변수 만들기
var myTable="<table>";

myTable +="<tr>";

myTable +="<td>"+num+"</td>";
myTable +="<td>"+ ++num +"</td>";
myTable +="<td>"+ ++num +"</td>";

myTable +="</tr>";
myTable += "</table>";

//출력
document.write(myTable);

출력값 :

 

5.비교연산자

 

6. var, let, const

var num=10;
console.log(num);
var num=20;
console.log(num);

let num2=5;
console.log(num2);
//let num2=20;
//console.log(num2); ->error
//->재선언 불가
num2=20; // ->재할당 가능
console.log(num2);

const NUM3=3;
console.log(NUM3); 
//const num3=100; ->error
//num3=100; ->error
//console.log(num3);
//->재선언, 재할당 모두 불가
//const는 var,let과 구분하기 위해 변수명을 대문자로 입력

 

7. 연결연산자 이용하기

 

반응형