JavaScript 데이터타입 var, let, const 과 Array, Object 사용방법

JavaScript 데이터 타입 정리

 

변수, 상수

const / let / var

• const : 값을 변경할수 없는 상수
• let : 값을 변경할수 있는 변수
• var : 값을 변경할수 있는 변수, 같은이름으로 재정의가 가능하다.

 

일반적으로는 모든 값은 const로 선언하고 업데이트 해야하는 값의 경우 let을 사용합니다. var는 JS에서 가장 초기에 나온 변수 타입인데 현재는 안정성의 이유로 잘 쓰이지 않습니다.

var 는 값을 변경할수있고 동일한 이름의 변수를 새로 정의할수도 있지만 코드량이 많아진다면 변수의 사용지점을 파악할수 없는 상황이 발생할수 있습니다.

var a = 3;

var a = "HelloWorld"

 

const 는 값을 변경할수 없으므로 아래의 예제에서는 에러가 발생합니다.

const a = 3;

a = 5; //error

 

let 은 값을 변경할수 있으나 var처럼 같은 이름의 변수로 재정의할수는 없습니다.

let a = 3;
a = "HelloWorld";

let a = 5; //error

 

Array

여러개의 데이터를 배열처럼 사용할수있는 데이터 타입입니다.

const numbers = [1,2,3,4,5,6,7,8,9];

console.log(numbers);
[ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

 

배열의 특정 데이터를 가져오기 위해서는 해당 데이터의 인덱스 번호로 불러올수있습니다.

const numbers = [1,2,3,4,5,6,7,8,9];

console.log(numbers[5]);
6

 

const 타입으로 선언하여도 배열에 새로 값을 추가할수 있습니다. numbers 가 Array 타입의 데이터인것은 변함이 없기 때문입니다.(내부 속성이 변경되는것은 const에 영향이 없음)

const numbers = [1,2,3,4,5,6,7,8,9];

numbers.push(10);

console.log(numbers);
[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]

 

Object

비슷한 성격을 가진 변수들을 모아서 관리하는 용도로 사용하는 데이터 타입입니다. 다른 프로그래밍 언어에서 구조체와 같은 역할을 합니다.

상품에 대한 Object 타입 데이터를 예제로 만들어 보겠습니다.

const product = {
  name: "memory",
  price: 100000,
  nation: "Korea",
  date: "20220211"
}

console.log(product)
{ name: 'memory',
  price: 100000,
  nation: 'Korea',
  date: '20220211' }

 

오브젝트 내부의 속성은 변경할수 있습니다. 오브젝트 product는 const 로 선언했지만 product 가 오브젝트인것은 변함이 없으므로 const 속성에 위배되지 않습니다.

const product = {
  name: "memory",
  price: 100000,
  nation: "Korea",
  date: "20220211"
}

console.log("price : " + product.price);
product.price = 110000;
console.log("price : " + product.price);
price : 100000
price : 110000

 

오브젝트 내부에 새로운 속성을 추가할수도 있습니다.

const product = {
  name: "memory",
  price: 100000,
  nation: "Korea",
  date: "20220211"
}

product.count = 3;
console.log(product);
{ name: 'memory',
  price: 100000,
  nation: 'Korea',
  date: '20220211',
  count: 3 }