자료형(string, number, boolean...)

문자형 (String)

const name1 = "Gandalf"; //큰 따옴표 
const name2 = 'Gandalf'; //작은 따옴표 
const name3 = `Gandalf`; //백틱

큰 따옴표는 작은 따옴표를 감쌀 수 있다.

const a = "I'm hungry.";

작은 따옴표만 쓰고 싶을 땐, 역슬래시 사용하기.

const b = 'I\'m hungry.';

백틱은 문자열 내부에 변수를 사용할 수 있다.
일반 따옴표로 감싸면 변수명이 문자로 인식되어 그대로 노출된다. //"My name is ${name1}"

const c = `My name is ${name1}`; 

console.log(c) //"My name is Gandalf."

표현식도 가능하다.

const age = 20; 
const Iam = `나는 {age + 1}살 입니다.`; 

console.log(Iam); //"나는 21살 입니다."

숫자형 (Number)

console.log(1 + 2);

//더하기 3 console.log(5 - 3);
//빼   기 2 console.log(2 * 2);
//곱하기 4 console.log(12 / 4);
//나누기 3 console.log(10 % 4);
//나머지 2

숫자를 0으로 나누면 무한대를 얻을 수 있다.

const x = 1/0;

console.log(x); //Infinity

NaN은 'Not a Number'로 숫자가 아니라는 뜻이다.
숫자와 관련된 작업을 할 땐, NaN이 아닌지 항상 염두하며 작업하자

const name = "Gandalf"; 
const y = name/2;

console.log(y); //NaN

논리형 (Boolean)

논리적 요소를 나타낸다.

const a = true; //참 
const b = false; //거짓

const name = "Gandalf";
const age = 20;

console.log(name == 'Gandalf'); //true
console.log(age > 30); //false

null과 undefined

null : 존재하지 않는 값
undefined : 값이 할당 되지 않았음

let age; //변수를 선언만 하고 값을 할당하지 않음. 
console.log(age); //결과: undefined

let user = null; 
//변수에 직접 사용자가 null을 할당하면 'user'는 존재하지 않는다.' 라고 해석하면 된다.

typeof 연산자

변수의 자료형을 알 수 있다.

const name = "Gandalf"; 

console.log(typeof 2); //number
console.log(typeof name); //string
console.log(typeof true); //boolean
console.log(typeof "hello"); //string
console.log(typeof null); //object(객체형을 의미)
console.log(typeof undefined); //undefined

null ≠ 객체
javascript 초기버전의 오류이다.
하위 호환성을 유지하기 위해 수정하지 않았다고 한다.

 

 

 

 

코딩앙마님의 JS 기초 강좌를 참고하여 정리한 글 입니다.