자바스크립트 변수와 자료형

sham·2021년 8월 20일
0

변수

데이터를 저장하는 공간을 지칭하는 말이다.
var, let, const 총 3가지 형태로 선언할 수 있다.


var

어디에서 선언되었든 항상 코드 최상단에서 선언된 것으로 처리된다.
재선언이 가능하다.
재할당이 가능하다.
왠만해서는 잘 쓰이지 않는다.


let

선언된 이후 코드부터 해당 변수를 사용할 수 있다.
재선언이 불가능하다.
재할당이 가능하다.
값이 변할 수 있는 데이터를 저장할 때 유용하다.


const

선언된 이후 코드부터 해당 변수를 사용할 수 있다.
재선언이 불가능하다.
재할당이 불가능하다.
값이 변할 일 없는 데이터를 저장할 때 유용하다.

var a = 1;
var a = 2; // 가능
a = 3; // 가능
let b = "string";
let b = "word"; // 불가능
b = "char"; // 가능
const c = ['a', 'b;];
const c = ['b', 'c']; // 불가능
const c = ['c', 'd']; // 불가능

변수를 선언할 때는 항상 이름을 붙인다.
변수 = 자료 식으로 변수에 해당 자료를 대입할 수 있다. 이를 초기화라고 부른다.
자바스크립트의 변수는 그 어떤 자료형이라도 들어갈 수 있다.


예약어

변수의 이름으로 쓸 수 없는 예약어들이 존재한다.
for, while, do, if, case, catch... 만일 사용할 경우 해석기가 경고를 날린다.


카멜 케이스(camelCase)

각 언어마다 불문율처럼 정해져 있는 변수 표기법이 존재한다.
자바스크립트에서는 변수를 카멜 케이스를 이용해야만 한다.

var withCamelCase; // 카멜 케이스
var withcamecase; // 카멜 케이스가 아니다!

카멜 케이스는 띄어쓰기를 하지 않는 대신 두번째 단어의 첫 문자를 대문자로 쓰는 표기법이다.


자료형

문자형

데이터에 문자를 저장한다.

var string = "string"
var string2 = 'string'
var string3 = "'string'" 
var string4 = '"string"' 
var string5 = '\'string\''

위의 모든 문법이 가능하다.
따옴표만 쓰고 싶을 경우는 \를 문자열의 따옴표 앞에 붙이면 된다. \를 붙이는 행위를 이스케이핑이라고 부른다.


숫자

데이터의 숫자를 저장한다.
정수, 실수 구분하지 않는다.

var number1 = 1;
var number2 = 1.123;

불린(Boolean)

참과 거짓, true와 false다.
따옴표 없이 사용한다.

var bool = true;
var bool2 = false;

Undefined / Null

둘 다 빈 값을 의미하지만 차이점이 존재한다.

var a; // 자동으로 undefined가 들어간다.
var b = 1;
b = null;
console.log(a); // undefined
console.log(b); // null

아무 값도 대입하지 않는 변수를 선언할 때 자동으로 undefined가 된다.
null은 빈 값을 변수에 의도적으로 넣기 위해 쓴다.
기존의 값을 지우게 될 때 보통 null을 많이 사용한다.

profile
씨앗 개발자

0개의 댓글