[자바스크립트 기초 강좌: 100분 완성] 자료형

자료형

문자형

1. "String"
2. 'String'
3. String (백틱: 영문 입력 상태에서 ~₩ 표시 눌러주기)

작은 따옴표를 쓸거면 큰 따옴표로 감싸기

"I'm a boy.";

작은 따옴표로만 이용하려면 앞에 \를 넣어주면 특수문자로 인식

'I\'m a boy.';

 

백틱 문자열 내부의 변수를 표현할 때 사용하면 편리

const name = "Mike"
const message = `My name is ${name}`;
=> "My name is Mike"

//표현식도 바로 넣어줄 수 있음
const message2 = `나는 ${20+3}살 입니다.`;
=> "나는 23살 입니다."

const message3 = "My name is ${name}";
=> "My name is ${name}" //백틱을 사용하지 않을 경우 변수명이 그대로 출력됨

문자형끼리 더하기 가능 (+숫자형과의 혼합 가능. 단, 이 경우 숫자형이 문자형으로 변환됨)

const name = "Mike";
const a = "나는 ";
const b = " 입니다.";

console.log(a + name + b)
=> "나는 Mike 입니다."

//숫자형+문자형
const age = 30;
console.log(a + age + "살" + b)
=> "나는 30살"

숫자형

사칙연산 가능

더하기, 빼기, 곱하기(*), 나누기(/), 나머지(%)

숫자를 0으로 나누면 무한대(infinity) 출력

문자열을 숫자로 나누면 NaN 출력

• NaN = Not a Number

Boolean

true: 참

false: 거짓

const name = "Mike";
const age = 30;
console.log(name=='Mike')
console.log(age > 40)

=> true
=> false

Null, Undefined

Null: 존재하지 않는 값

Undefined: 값이 할당되지 않음

let age;
console.log(age)
=> undefined

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

typeof 연산자

변수의 자료형을 알아낼 수 있음

const name = "Mike";
console.log(typeof 3);           //number
console.log(typeof name);        //string
console.log(typeof true);       //boolean
console.log(typeof null);       //object
console.log(typeof "xxx");      //string
console.log(typeof undefined);  //undefined

다른 개발자가 작성한 코드를 보거나 api를 통해 가져온 자료를 활용할 때 많이 사용

typeof null; //object

object: 객체형

이후에 더 학습하겠지만 null은 객체가 아님 (js 초기 버전의 오류이나 수정할 예정 X)

 

 

강의 출처. 코딩앙마(Youtube)

https://www.youtube.com/watch?v=KF6t61yuPCY&t=229s