- 데이터를 저장하는 방법은 크게 4가지가 있습니다.
- 변수, 상수, 배열, 객체인데 오늘은 이것들에 대해서 공부해보겠습니다.
변수
- 하나의 데이터만 저장이 가능합니다.
- 데이터를 저장하는 것 뿐만 아니라 변경, 추가도 가능합니다.
- 기본적으로 "let 변수명 = 저장할 데이터" 형식이며 "var"를 사용하기도 합니다.
let x = 100; // x의 값을 100이라고 저장을 했습니다.
let x = 200; // x의 값을 100에서 200으로 바꾸었습니다.
let x += 200; // 기존 x 의 값에서 200을 더하여서 400이 되었습니다.상수
- 변수와 마찬가지로 하나의 데이터만 저장이 가능합니다.
- 변수와는 다르게 변경과 추가가 불가능합니다.
- 실수로 바뀌면 안되는 값을 입력할 때 자주 사용합니다.
- 기본적으로 "const 변수명 = 저장할 데이터 형식입니다.
const x = 100; //상수 x의 값을 100으로 지정하였습니다.
x = 150; //이러면 오류가 뜹니다배열
- 여러 개의 데이터를 저장하는 방법입니다.
- key값을 직접 정할 수는 없고 가장 처음의 데이터부터 0,1,2순서로 key값을 가지게 됩니다.
- 배열의 표현 방법은 여러가지 있는데 하나씩 알아보겠습니다.
배열: 표현방법01
const arr = new Array();
arr[0] = 100;
arr[1] = 200;
arr[2] = "javascript";
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);- 가장 긴 표현 방법으로 잘 쓰지는 않지만 읽는 법은 알아두시는게 좋습니다.
배열: 표현방법02
const arr = new Array(100, 200, "javascript")
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
- 한 줄로 만들고 반복되는 것을 줄인 버전 입니다.
배열: 표현방법03
const arr = [];
arr[0] = 100;
arr[1] = 200;
arr[2] = "javascript";
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
- new Array 가 빠져서 더욱 짧아진 버전입니다.
배열: 표현방법04
const arr = [100, 200, "javascript"];
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);- new Array 가 빠진 것을 한 줄로 만들어 가장 짧아진 버전입니다.
- 가장 많이 쓰이는 방식으로 꼭 알아두시는 것이 좋습니다.
객체
- 여러 개의 데이터를 저장하는 방법입니다.
- 배열과는 다르게 직접 key값을 지정할 수 있습니다.
- 역시 여러가지 방법이 있는데 같이 알아보겠습니다.
객체: 표현방법01
const obj = new Object();
obj.a = 100;
obj.b = 200;
obj.c = "javascript";
console.log(obj.a);
console.log(obj.b);
console.log(obj.c);
- 각 데이터의 키와 값을 직접 지정할 수 있습니다.
- 0,1,2라는 기본 키 대신 a,b,c,라는 직접 지정한 키를 주었습니다.
객체: 표현방법02
const obj = {};
obj.a = 100;
obj.b = 200;
obj.c ="javascript";
console.log(obj.a);
console.log(obj.b);
console.log(obj.c);
- new Object가 빠져서 짧아진 버전입니다.
객체: 표현방법03
const obj = {a:100, b:200, c:"javascript"}
console.log(obj.a);
console.log(obj.b);
console.log(obj.c);- new Object가 빠진 것을 한 줄로 만들어 가장 짧아진 버전입니다.
- 역시 가장 많이 쓰이는 방법으로 꼭 알고계시는 것이 좋습니다.
객체: 표현방법04
const arr = [
{a:100, b:200},
{c:"javascript"}
]
console.log(arr[0].a);
console.log(arr[0].b);
console.log(arr[1].c);- 배열 안에 객체를 넣는 방법과 출력하는 방법입니다.
객체: 표현방법05
const obj = {
a:100,
b: [200, 300],
c: {x:400, y:500},
d: "javascript"
};
console.log(obj.a);
console.log(obj.b[0]);
console.log(obj.b[1]);
console.log(obj.c.x);
console.log(obj.c.y);
console.log(obj.d);- 이번엔 반대로 객체 안에 배열을 넣는 방법과 출력하는 방법입니다.
객체: 표현방법06
const a = 100;
const b = 200;
const c = "javascript";
const obj = {a, b, c};
console.log(a);
console.log(b);
console.log(c);- 변수를 객체 안에 키값으로 설정하여 키값을 생략했습니다.
객체: 표현방법07
const obj = {
a: 100,
b: [200, 300],
c: "javascript",
d: function(){
document.write("javascript가 실행되었습니다.");
}
e: function(){
console.log(obj.c + "가 실행되었습니다.")
}
};
console.log(obj.a);
console.log(obj.b[0]);
console.log(obj.b[1]);
console.log(obj.c);
console.log(obj.d); //이렇게 하면 문자가 써지는 것이 아니라 console로 인식되어 console창에 써짐
obj.d();
obj.e();- 객체 안에 함수를 사용해 보았습니다.
오늘은 데이터를 저장하는 방법의 종류와 그 방법에 대해서 알아보았습니다!! 모두 수고하셨습니다!!