02. Javascript 기초 (자료형)

1. 문자 자료형

문자형 선언 방법 3가지

"" (큰 따옴표로 감싼다.)

' ' (작은 따옴표로 감싼다.)

` ` (백틱 으로 감싼다.)

const name = "Mike"; //문자형 String
const age = 30;

//큰 따옴표와 작은 따옴표는 차이가 없음.
const name1 = "Mike";
const name2 = 'Mike';
const name3 = `Mike`;


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

// \(역슬래시)를 넣어주면 작은 특수문자로 인식함.
const message2 = 'I\'m a boy.';

// `(백틱)은 문자열 내부의 변수를 표현할 때 편할게 사용함.
// ${} <- 달러와 중괄호를 써주고 중괄호 내부에 변수를 넣어주면 해당 변수값이 결과로 보여짐.
const message3 = `My name is ${name}살 입니다.`;

// 표현식을 넣어줄 수 도 있음.
const message4 = `나는 ${30+1}살 입니다.`

2. 숫자 자료형

const age = 30;  //숫자형 Number

// 소수점 표현가능
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

3.Boolean

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

const name = "Mike";
age = 30;

//ex
console.log(name == 'Mike') //true
console.log(age > 40)       //false

4. Null과 undefined

Null은 존재하지 않는 값을 의미하며 undefined는 값이 할당되지 않았음을 의미함.

//변수를 선언만하고 값을 할당하지 않으면 undefined를 결과로 출력함.
let age;
console.log(age)

// user는 존재하지 않는다라는 의미로 해석함.
// 객체형,심볼형 존재
let user = null;

5. typeof 연산자

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

변수를 사용하는 개발자가 직접 작성했다면 typeof연산자를 거의 사용할 일 없겠지만 다른 개발자가 작성한 변수의 type을 알아야하거나 API 통신 등을 통해 받아온 데이터를 type에 따라 다른 방식으로 처리해야 할 때 많이 사용함.

typeof null;이 "object"가 결과로 나왔는데 "objact"는 객체형을 의미함.

null은 객체가 아님.(javascript 초기 모델의 오류이며 하위 호환성 때문에 수정을 안함.)

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"
console.log(typeof undefined); //"undefined"

5. 그 밖에

const x = 1/0; // 숫자를 0으로 나누면?
console.log(x)
//결과 값으로 Infinity를 얻을 수 있음.

const name = "Mike"; //문자를 숫자로 나누면?
const y = name/2;
console.log(y)
//결과 값으로 NaN를 얻을 수 있음.
//NaN은 = Not a Number의 약자임.(숫자가 아님.)
// 숫자와 관련된 작업을 할때 NaN이 아닌지 염두하며 작업 해야함.

6. tip

아래 코드에서 ``으로 감싸준 구문은 재대로 변수값이 출력 되지만, ""로 감싸준 구문은 변수명이 유출됨.

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

const message2 = "My name is ${name}"
console.log(message2)
//결과 = "My name is ${name}"

문자형과 문자형끼리 더하여 하나의 문자로 합쳐준다.

const name = "Mike";

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

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

문자형과 숫자형을 섞을 수 있지만 숫자형이 문자형으로 변형됨.

const age = 30; //number
console.log(a + age + "살" + b)
//결과 = "나는 30살 입니다."

위 내용은 유튜브 코딩앙마님의 강의 내용을 정리하고 공부한 내용입니다.
코딩앙마