JavaScript 변수와 자료형

1. 변수

• const 변하지 않는 값 사용 (상수는 대문자로 표현)

• let은 변하는 값에 사용

• 문자는 ""로 써주기

• 변수는 문자와 숫자, $와 _만 사용

• 예약어는 사용 불가 / ex) class

• 변수명은 읽기 쉽고 이해할 수 있게 선언

---

2. 자료형

- 문자형

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}`;
console.log(message3)

const message4 = `나는 ${30+1}살 입니다.`;
console.log(message4)

• 백틱(`)은 문자형에 변수 넣을 때 사용
• "", '', `` 사용해서 문자형 표현
• ''로 감쌀 경우 역슬래시로 문자열 표현가능 ('I\'m a boy.'; 참조)

-주의!

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

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

• 백틱(`) 안씌우고 (")로 씌우면 텍스트 그대로 노출

결과 값 =

"My name is ${name}"

---

- 숫자형

const age = 30; // 숫자형 Number
const PI = 3.14;

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

결과 값 = 3 / 7 / 6 / 2 / 2

const x = 1/0; // ???
console.log(x)

1을 0으로 나눌 경우
결과 값 = 무한대

const name = "Mike";
const y = name/2;

console.log(y)

// NaN = Not a number

문자를 숫자로 나눌 경우
결과 값 = NaN

const name = "Mike";

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

console.log(a + name + b);

const age = 30; // number
console.log(a + age + "살" + b)

결과 값 = 나는 Mike 입니다. / 나는 30살 입니다.

• 문자랑도 더할 수 있다
• 다만 섞는 순간 문자형이 됨

---

- 논리형 : Boolean

//Boolean: 논리적인 요소

const a = true; // 참
const b = 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;
// 객체형
// 심볼형

결과 값 = null

---

- typeof 연산자

// typeof 연산자: 변수의 자료형을 알아낼 수 있다

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 (객체형) *객체형이 아님! (js에서 하위 호환성때매 수정 안함)
console.log(typeof undefined); // undefined 

• 내가 작성하지 않은 코드 형식을 알아낼때 사용 (네트워크에 타입별로 분류해서 날림)