기초 프로그래밍언어 : 변수, 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. 연결연산자 이용하기
반응형
'프론트엔드 > JavaScript' 카테고리의 다른 글
javascript: 객체(배열객체, 숫자객체), 실습- 요일 구하기, 달력 만들기 (0) | 2020.12.30 |
---|---|
javascript, 기초프로그래밍: 함수, 객체 (0) | 2020.12.29 |
javascript,기초프로그래밍: 반복문, 제어문 (0) | 2020.12.28 |
javascript: 연산자 2탄, 기초프로그래밍:제어문(조건문) (0) | 2020.12.24 |
javascript: 자바스크립트의 기초 (0) | 2020.12.23 |