자바스크립트) 변수와 자료형

참고하기 좋은 사이트 : https://ko.javascript.info/

참고한 강의 : https://www.youtube.com/watch?v=KF6t61yuPCY&ab_channel=코딩앙마

 

변수

자바스크립트에서 변수를 선언할 때는,

변하지 않는 값은 const, 변할 수 있는 값은 let으로 선언한다.

1. 변수는 문자와 숫자, $, _ 만 사용
2. 첫 글자는 숫자가 될 수 없음
3. 예약어는 사용할 수 없음
4. 가급적 상수는 대문자로 작성
5. 변수명은 읽기 쉽고 이해할 수 있게 선언

자료형

1) 문자

const name1 = "Mike";

const name2 = 'Mike';

const name3 = `Mike`; // (`` 백틱 사용)

 

문자열에 변수를 사용하고 싶다면,

const message3 = `I'm ${name1}.`; // 백틱을 사용해서 표현 가능 (I'm Mike.라고 출력됨)

 

2) 숫자

+, -, *, /, % → 더하기, 빼기, 곱하기, 나누기, 나머지 가능

// 숫자를 0으로 나눌 경우

const x = 1/0;

console.log(x); // 결과값은 infinity가 나옴

// 문자열을 숫자로 나눌 경우

const name = "Mike";

const y = name/2;

console.log(y); //결과값은 NaN (Not a Number)가 나옴

 

3) Boolean

const name = "Mike";

const age = 30;

console.log(name == 'Mike'); // true

console.log(age>40); // false

 

4) null과 undefined

let age; console.log(age); // undefined (변수를 선언만 하고, 아무것도 할당하지 않은 경우)

let user = null; // null을 할당하게 되면 user는 존재하지 않는다는 의미로 사용

 

5) typeof 연산자

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

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

 

참고) object = 객체형

null은 사실 객체형은 아님, 초기 자바스크립트의 오류이나 아직까지 수정하지 않음

 

자료형 사용 시 주의할 점

const name = "Mike";

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

const message2 = "My name is ${name}";

console.log(message); // "My name is Mike" 출력

console.log(message2); // "My name is ${name}" 출력

 

문자형에서 더하기 사용 가능

const name = "Mike";

const a = "나는 ";

const b = " 입니다.";

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