#2 자료형

문자형(String)

const name1 = "Mike";
const name2 = 'yeon';
const name3 = `seok`;

//작은따옴표를 사용해야 할 때 큰따옴표로 묶어주는 것이 좋다
const message = "I'm a boy."; 

// 역슬래시(\)를 사용하면 특수문자로 인식함(작은따옴표만 사용하고 싶을 때)
const message2 = 'I\'m a boy.';

const message3 = `My name is ${name1}`;
console.log(message3)

• 문자형은 3가지 방식으로 작성 가능
  → 큰 따옴표 "" / 작은따옴표 '' /  백틱 ``
• 백틱 `` 은 내부의 변수를 표현할 때 사용 시 편리하다
• ${}를 통해 변수나 숫자 삽입 가능

message3 출력화면

주의사항

실수로 백틱을 따옴표로 작성 시 변수명이 그대로 노출된다.

//실수로 일반 따옴표시 변수명이 그대로 노출 
const name = "Mike";
const message = `My name is ${name}`;

const message2 = "My name is ${name}";
console.log(message2);

---

숫자형(Number)

const age = 30; 
const PI = 3.14;

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

• 숫자형은 사칙연산이 가능하다
• 1 / 0 은 무한(infinity)다
• 문자 / 숫자는 Nan 

---

Boolean

• 논리적 요소를 나타내는 자료형

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

const name = "Mike";
const age = 30;

console.log(name == "Mike"); //name이 Mike인지 체크
console.log(age > 40);       //age가 40보다 큰지 체크

---

Null과 Undefined

Null

존재하지 않는 값을 의미

Undefined

값이 할당되지 않았다는 것을 의미

//age라는 변수에 값이 할당 안되어 undefined가 뜸
let age;
console.log(age);

//user는 존재하지 않는다는 의미
let user = null;

---

typeof 연산자

• 변수의 자료형을 알고 싶을 때 사용하는 자료형

const name = "Mike";

console.log(typeof 3);     //숫자형
console.log(typeof name);  //문자형
console.log(typeof true);  //boolean형
console.log(typeof "Xxx"); //문자형
console.log(typeof null);  //object(객체형)
console.log(typeof undefined); //undefined

 

왜 사용할까?

• 다른 개발자가 작성한 변수의 타입을 알아야 할 때
• API 통신 등을 통해 받아온 데이터를 타입에 따라 다른 방식으로 처리해야 할 때

Null = Object?

Null 은 Object 즉, 객체가 아니다.

자바스크립트의 초기 오류인데 하위 호환성을 유지하기 위해 수정은 안 했다고 한다.

---

그 외)

• 문자형도 더하기가 가능하다

const name = "Mike";

const a = "나는 ";
const b = " 입니다";

console.log(a + name + b);