본문 바로가기

Web/JavaScript

[JS] 변수와 자료형

728x90

변수 

- 어떤 정보에 이름을 붙여 저장하고 싶을 때 사용

name = "Mike";
age = 30;



자바스크립트에서 문자는 항상 따옴표로 표현
그렇지 않으면 에러 발생

class = "수업";


class는 이미 자바스크립트에서 예약어로 지정되어 있어 에러 발생

alert() = 경고창 띄우는 함수
console.log() = 콘솔을 띄우는 함수

name = "Mike";
age = 30;
하지만 이런식으로 변수를 짜는것은 매우 위험함
다른 누군가가 name = "Google" 이런식으로 코드를 짠다면
Mike의 값은 사라지게되어 매우 위험

이를 방지하기위해 let, const 사용
let은 한번 선언 후 다른값으로 바꿀 수 있음

let grade = "F";
grade = "A+";


이런식으로 변경 가능

const는 절대로 바뀌지 않는 상수를 사용할 때 사용
수정 불가능, 대문자로 선언하는게 좋음

 

변수 규칙
1. 변수는 문자와 숫자, $와 _만 사용
2. 첫 글자는 숫자가 될 수 없다
3. 예약어는 사용 못한다
4. 가급적 상수는 대문자로 알려준다
5. 변수명은 일기 쉽고 이해하기 쉽게 선언


자료형


문자형은 ", ', ` 로 표현 가능
만약 const message = "I'm a boy."와 같이 작은따옴표를 안에 쓰고싶을 땐 되도록 큰따옴표로 표현
작은따옴표로 표현할 때에는 'I\'m a boy.'와 같이 역슬래쉬와 함께 표현

`는 문자열 내부에 변수를 표현해줄 때 사용하면 편함

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


또는 표현식 사용 가능

const message = `나는 ${30+1}살 입니다`;


입력시 31살로 표현

숫자형은 사칙연산이 가능

const age = 30;
const PI = 3.14;

console.log(1 + 2);



만약 숫자를 0으로 나눌 시 
const x = 1 / 0; 결과는 Infinite로 표현됨

만약 문자를 숫자로 나눌 시 NaN(Not a number)으로 표현

논리식으로도 표현 가능

const a = true;
const b = false;


null과 undefined
null은 존재하지 않는 값
undefined는 값이 할당되지 않음

typeof연산자는 변수의 자료형을 알아낼 수 있음

console.log(typeof 3); 
> "number"



typeof null;
> object로 나오지만 null은 객체가 아님

728x90

'Web > JavaScript' 카테고리의 다른 글

[JS] 반복문, Switch  (0) 2024.01.30
[JS] 논리연산자  (0) 2024.01.30
[JS] 비교연산자, 조건  (1) 2024.01.26
[JS] 형변환, 기본연산  (0) 2024.01.26
[JS] 대화상자(alert, prompt, confirm)  (0) 2024.01.26