[자바스크립트] 자료형 / 문자(String), 숫자(Number), 불린(boolean), typeof 사용법

이번 시간에는 자바스크립트(javascript)의 자료형인

문자(String), 숫자(Number), 불린(boolean) 3가지에 대해서 알아보겠습니다.

---

1. 문자형(String)

문자형은 단어 입력 시 큰따옴표나"" 홑 따옴표''로 감싸주어야 합니다.

자바스크립트에서 변수를 쌍따움표"" 문장에 표시하자고 할 경우에는 다음과 같이 ${변수명}으로 입력합니다.

여기서 중요한 것은 문자를 감싸고 있는 구분자가 `(백띡)이라는 것에 주의합시다.

(백띡은 키보드 1번 옆에 있음)

const name1 = "코마";
const age =20;
console.log(name1);
const message1 = `내 "이름"은 ${name1}입니다. 그리고 "나이"는 ${age+10}살 입니다.`; //숫자 1번키 옆에 있는 `(백띡)으로 문자열 내부의 변수를 표현해 줄 경우 사용
console.log(message1); //내 "이름"은 코마입니다. 그리고 "나이"는 30살 입니다.

 

2. 숫자형(Number) 

기본적인 숫자형 계산식입니다.

더하기, 빼기, 곱하기, 나누기 기호는 자주 봐서 익숙할 것이고 추가로

%(나누기의 나머지), **(제곱근)을 기억해주세요.

 

그리고 나누기 계산식에 보면 1을 0으로 나누면 무한대(Infinity)가, 1을 문자로 나누면 NaN(not a number) 나오는데 이것을 인지하고 있으면 프로그램 개발 시 오류를 방지할 수 있습니다.

console.log(5 + 2); //더하기 7
console.log(5 - 2); //빼기 3
console.log(5 * 2); //곱하기 10
console.log(5 / 2); //나누기 2.5
console.log(5 % 2); //나머지 1
console.log(5 ** 2); //제곱근 25

console.log(1 / 0); //나머지 Infinity
console.log(1 / "문자"); //나머지 NaN(not a number)

3. 불린형(boolean)

"참"과 "거짓"을 표현하는 자료형 문자입니다.

참일 경우 true를 거짓일 경우 false를 반환합니다.

const name = "kiki";
const age = "20";

console.log(name == "kiki"); //true
console.log(age < "10"); //false

 

4. 기타(null, undefined, typeof)

null, undefined

먼저 null, undefined 부터 알아보겠습니다.

변수를 선언만 하고 콘솔 로그를 찍은 경우 undefined라고 존재하지 않습니다.라고 표시되며

변수를 선언하고 값을 null을 넣을 경우에는 콘솔 로그에 null로 표시됩니다.

let a;
let b = null;
console.log(a) //undefined 존재하지 않는 값(변수만 선언한 경우)
console.log(b) //null 값이 할당되어지지 않았다.

 

typeof

마지막으로 typeof에 대해서 알아보겠습니다

typeof 타입을 알아내기 위해서 사용합니다.

다른 개발자가 만든 프로그램이나 API 통신을 사용해서 결과를 받기 위해서

데이터 타입을 알아야 하는 경우 많이 사용하곤 합니다.

const name2 = "kiki";

console.log(typeof 5); // number
console.log(typeof name2); // string
console.log(typeof true); // boolean
console.log(typeof "test"); // string
console.log(typeof null); // object
console.log(typeof undefined); // undefined

 

이상으로 자바스크립트 자료형

문자(String), 숫자(Number), 불린(boolean), typeof 사용법에 대해서 알아보았습니다.

기본이 중요하니 하나하나 익혀보시면 좋겠습니다.