자료형

유튜브 코딩앙마 채널의 '자바스크립트 기초 강좌' 를 공부하며 정리한 내용입니다.

자료형 타입에는 문자열 숫자형 불린 null undefined 가 있습니다.

---

문자열 string 은 아래 세가지 방법으로 입력할 수 있습니다.

const name1 = "Mike"; // 쌍따옴표
const name2 = 'Mike'; // 홑따옴표
const name3 = `Mike`; // 백틱

큰 따옴표와 작은 따옴표는 큰 차이가 없습니다. 값에 작은 따옴표가 들어간다면 큰 따옴표로 감싸주는 게 편합니다. 만약 작은 따옴표로 감싸주고 싶다면 문자로 인식하는 것 앞에 역슬래쉬 \ 를 넣습니다.

const message = "I'm a boy";
const message = 'I\'m a boy';

베틱은 문자열 안에 변수를 표현할 때 쓰면 편합니다.

const name = 'Mike';
const message = `My name in ${name}`;
console.log(message); // => My name is Mike

---

숫자형은 아래와 같이 쓰고 사칙연산을 할 수 있습니다.

const age = 30;
const PI = 3.14; 

console.log(1+2); // => 3, 더하기
console.log(10-3); // => 7, 빼기
console.log(3*2); // => 6, 곱하기
console.log(6/3); // => 2, 나누기
console.log(6%4); // => 2, 나머지

1을 0으로 나누면 infinity. 무한대 값을 얻습니다.

const x = 1/0;
console.log(x);

문자를 숫자로 나누면 NaN Not a number 가 나옵니다. 숫자가 아니라는 값으로 순자 관련 작업을 할 때 NaN 이 나오는지 잘 체크해야 합니다.

const name = "Mike";
const y = name/2;
console.log(y); // => NaN

---

불린 Boolean 은 true 와 false 두가지 값을 가집니다.

const name = 'mike';
const age = 30;

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

---

그 외에 null, undefined 값을 가집니다.

---

typeof 연산자를 쓰면 변수의 타입을 알 수 있습니다. 다른 개발자가 작성한 변수의 타입을 알아야 하거나, API통신으로 받아온 데이터를 타입에 따라 다른 방식으로 처리해야 할 때 사용하면 좋습니다.

const name = 'mike';

console.log(typeof 3); // number
console.log(typeof name); // string
console.log(typeof true); // boolean
console.log(typeof "xxx"); // string
console.log(typeof null); // object (객체형), null 이 객체형은 아니다.
console.log(typeof undefined); // undefined