[VanillaJS]자료형과 변수

lea_hwang·2022년 3월 19일
0

VanillaJS

목록 보기
1/3
post-thumbnail

자료형

자바스크립트에는 어떤 자료형이 있는지 알아보자.

Integer

1, 2, 3 .. 과 같은 정수 자료형을 의미한다.

Float

2.113, 4.322과 같은 실수 자료형을 의미한다.

String

hello 와 같은 문자 자료형을 의미한다.

Boolean

true, false와 같이 참, 거짓을 의미한다.

null

변수를 선언하고 빈값을 할당한 상태를 의미한다.
'존재하지 않는(nothing)' 값, '비어 있는(empty)' 값, '알 수 없는(unknown)' 값을 보통 의미한다.

undefined

변수를 선언하고 값이 할당되지 않은 상태를 의미한다.

Array

특정한 값들을 하나의 배열 안에 담아둔 상태를 의미한다.
['a', 123, null, undefined, false]

Object

여러 속성을 내포하고 있는 자료형을 의미한다.
{ name:'heewon', age:25 }

변수

상수

이후에 변하지 않을 숫자(재할당 불가능)를 의미한다.
변수명 앞에 const를 붙여 해당 변수가 상수임을 정의한다.

const <변수명> = <값>

const a = 5;
const b = 7;
const myName = 'heewon'; //camel case
const isGood = true; // boolean
const hey;

console.log(a + b); // 12
console.log(hey); // undefined

변수

이후에 변할 가능성이 있는 숫자(재할당 가능)를 의미한다.
변수명 앞에 let을 붙여 해당 변수가 변할 수 있다는 것을 보여준다.

let <변수명> = <값>

let money = 10000;	// integer
let names = ["John", "Leo", "Jackson", "Atom"]; // Array
let player = {
  name: "heewon",
  points: 10,
};

money = 5000;

console.log(money); // 5000
console.log(names[2]); // Jackson

추가적으로,
var이라는 변수가 있지만, 이후에 값이 바뀌는 변수인지 아닌지 의미를 파악할 수 없게 만들어 코드의 가독성을 떨어뜨려 사용하지 않는 것을 권장한다고 한다.

profile
끊임없이 도전하는 개발자, 황희원입니다 :)

0개의 댓글