[JS] 자료형

nana·2023년 1월 2일
0

🟡 JavaScript

목록 보기
2/23
post-thumbnail

🖍️ 문자형 String

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

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

const massage1 = "I'm a boy";
const massage2 = 'I\'m a boy';  // 작은 따옴표만 쓰고 싶을땐 \ 역 슬러시

const message3 = `My name is ${name}`;  // 문자열 내부에 변수를 표현할때 사용
const message4 = `My age is ${30+1}`;  // 표현식 사용도 가능

🖍️ 숫자형 Number

const age = 30; 
const PI = 3.14;

// 사칙연산 가능
console.log(1 + 2);   // 더하기
console.log(10 - 1);  // 빼기
console.log(3 * 2);   // 곱하기
console.log(6 / 3);   // 나누기
console.log(6 % 4);   // 나머지
const x = 1 / 0;  // ??
console.log(x);   // Infinity 무한대

const name = "Mike";
const y = name / 2;  // ??
console.log(y);      // NaN (Not a number)

🖍️ Boolean

const a = true;  // 참
const b = false; // 거짓
const name = "Mike";
const age = 30;

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

🖍️ null과 undefined

let age;
console.log(age);  // 변수 선언 후 값을 할당하지 않아서 undefined

let user = null;  // 변수에 null을 할당 : 존재하지 않는 값

🖍️ 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

❗️ 주의

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

// 일반 따옴표를 쓰면 변수 명이 그대로 노출됨
const message2 = "My name is ${name}";  // "My name is ${name}"
const name = "Mike";
const a = "나는";
const b = "입니다.";

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


const age = 30;  // numbeer

// 문자형으로 변환 됨
console.log(a + age + "살" + b); // "나는 30살 입니다." 
profile
✧ 중요한건 꺾이지 않는 마음 🔥 ᕙ(•ө•)ᕤ 🔥

0개의 댓글