[JavaScript] 변수 선언과 데이터 타입(ES6 기준)

 

변수 선언

변수: 값을 저장하거나 유지하는 역할

const a = 5;  // 숫자 5
const b = 2;	// 숫자 2
const c = "2"; // 문자 2
const myName = "name";

console.log(a + b);	// 7
console.log(a + c);	// 52
console.log("hello " + myName);

constant인 변수를 생성. a에는 숫자 5 값이 대입되었다.

변수를 선언함으로써 5대신 a 사용 가능.

b는 " "로 묶여져 있기 때문에 숫자 2가 아닌 문자 2로 대입된다.

 

변수를 선언할 때는 키워드 선언(const, let) 변수 이름 = 대입할 값; 순서로 작성해주면 된다.

변수 이름은 camelCase 방식 선호.

 

<var, let, const 차이>

var 중복 선언 가능. 
var를 이용해 같은 변수명을 계속 선언하고 값을 넣어도 에러 발생하지 않음.
let 변수명을 중복 선언하면 에러 발생.
변수에 재할당이 가능
즉, 변수 중복 선언은 불가. 재할당은 가능
값을 업데이트 하고자 하는 변수에 주로 사용
const 변수 재선언, 변수 재할당 모두 불가능
대부분 const를 사용하는 것 선호

 

JS 데이터 타입

Boolean

: 논리적 참 거짓을 나타내는 true와 false

const amISmart = true;

따옴표를 붙이지 않고 선언한다.

 

 

Number

: 숫자를 나타내는 데이터 타입

: 소수점과 같이 쓸 수 있고 없이 쓸 수 있다

const num1 = 34.00;
const num2 = 1 / 0;

num2처럼 계산식을 이용해 선언하여도 type은 number type이다.

 

 

String

: 문자열 형식

: 단일 또는 이중 따옴표를 사용

const myName = "name";
const yourName = 'you';

 

Undefined

: 선언 이후 값을 할당하지 않은 변수는 undefined 값 가진다.

: 변수는 존재하지만 정의되지 않음을 의미.

let something;

 

Null

: 의도적으로 변수에 값이 없다는 것을 명시할 때 사용한다.

: 아무것도 없는 상태로 채워진 것

: 변수가 존재하고 값이 주어졌는데 그 값이 '비어있음'을 의미.

const noNum = null;

 

Symbol

: 변경 불가능한 원시 타입의 값

: ES6에서 새롭게 추가된 타입

: 이름의 충돌 위험이 없는 유일한 객체의 프로퍼티 키를 만들때 주로 사용

 

 

< 데이터 타입 확인하는 방법 >

typeof: 변수의 type을 보는 방법

console.log(typeof 변수이름);
console.log(typeof 15);

 

< String -> Number로 데이터 타입 변환 방법 >

: parseInt() 사용

const num = "15";
console.log(typeof num);	// string
const number = parsetInt(num):
console.log(typeof number);	// number

parseInt()는 "123", "15"와 같은 숫자 형식의 String만 가능하고 "lala"와 같은 string은 변환할 수 없어 NaN 결과가 나온다.

반응형

'Front-End > JavaScript' 카테고리의 다른 글

[JavaScript] 함수  (1) 2022.12.01
[JavaScript] 배열과 객체  (1) 2022.11.30
[JavaScript] 이벤트와 DOM  (0) 2022.11.30
[JavaScript] ES5와 ES6 차이  (1) 2022.11.30
[JavaScript] JavaScript란?  (0) 2022.11.30