01. 변수 : 데이터 저장
변수는 데이터를 저장하는 저장소입니다.
{
var x = 100; //변수 x에 숫자 100을 저장함
var y = 200; //변수 y에 숫자 200을 저장함
var z = "javascript" // 변수 z에 문자 "javascript"를 저장함
console.log(x);
console.log(y);
console.log(z);
}결과 :
100
200
javascript
02. 변수 : 데이터 저장 + 데이터 변경
변수는 데이터를 저장할 수도 있지만 변경도 가능하다.
{
let x = 100;
let y = 200;
let z = "javascript";
x = 300;
y = 200;
z = "react";
console.log(x);
console.log(y);
console.log(z);
}결과 :
300
200
react
03. 변수 : 데이터 저장 + 데이터 변경 + 데이터 추가
변수는 데이터를 저장하고, 변경하고, 추가할 수 있습니다.
{
let x = 100;
let y = 200;
let z = "javascript";
x += 300; // x = x + 300
y += 400;
z += "react";
console.log(x);
console.log(y);
console.log(z);
}결과 :
400
600
javascriptreact
04. 상수 : 데이터 저장 + 데이터 변경(X)
상수는 데이터 저장은 가능하나 변경은 불가능합니다. 상수 (const)는 이미 선언한 상수에 대해 중복 선언이 불가능하며 상수의 값을 재지정 할 수도 없습니다.
{
const x = 100;
const y = 200;
const z = "javascript";
x += 300; // x = x + 300
y += 400;
z += "react";
console.log(x);
console.log(y);
console.log(z);
}결과 : X (undefined)
05. 배열 : 데이터 저장 (여러개) : 표현방법1
여러개의 데이터를 저장할 수 있다.
{
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]);
}결과 :
100
200
javascript
06. 배열 : 데이터 저장 (여러개) : 표현방법2
여러개의 데이터를 저장할 수 있다.
{
const arr = new Array(100, 200, "javascript");
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
}결과 :
100
200
javascript
07. 배열 : 데이터 저장 (여러개) : 표현방법3
[ ]를 사용하여 데이터를 저장할 수 있다.
{
const arr = [];
arr[0] = 100;
arr[1] = 200;
arr[2] = "javascript";
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
}결과 :
100
200
javascript
08. 배열 : 데이터 저장 (여러개) : 표현방법4
[ ]를 사용하여 간략히 데이터를 저장할 수 있다.
{
const arr = [100, 200, "javascript"];
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
}결과 :
100
200
javascript
09. 객체 : 데이터 저장(키와 값) : 표현방법1
객체 안에 여러개의 키와 값을 저장할 수 있다.
{
const obj = new Object();
obj[0] = 100;
obj[1] = 200;
obj[2] = "javascript";
console.log(obj[0]);
console.log(obj[1]);
console.log(obj[2]);
}결과 :
100
200
javascript
10. 객체 : 데이터 저장(키와 값) : 표현방법2
객체 안에 여러개의 키와 값을 저장할 수 있다.
{
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);
}결과 :
100
200
javascript
11. 객체 : 데이터 저장(키와 값) : 표현방법3
{ }를 사용하여 표현할 수 있다.
{
const obj = {};
obj.a = 100;
obj.b = 200;
obj.c = "javascript";
console.log(obj.a);
console.log(obj.b);
console.log(obj.c);
}결과 :
100
200
javascript
12. 객체 : 데이터 저장(키와 값) : 표현방법4
{ }를 사용하여 간략히 데이터를 저장할 수 있다.
{
const obj = {a:100, b:200, c:"javascript"};
console.log(obj.a);
console.log(obj.b);
console.log(obj.c);
}결과 :
100
200
javascript
13. 객체 : 데이터 저장 (키와값) : 표현방법5
배열 안에 객체가 있는 방법이다.
{
const obj = [
{a:100, b:200},
{c:"javascript"}
];
console.log(obj[0].a);
console.log(obj[0].b);
console.log(obj[1].c);
}결과 :
100
200
javascript
14. 객체 : 데이터 저장 (키와값) : 표현방법6
객체 안에 배열
{
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);
}결과 :
100
200
300
400
500
javascript
15. 객체 : 데이터 저장 (키와값) : 표현방법7
키값은 생략되어 있다.
{
const a = 100;
const b = 200;
const c = "javascript";
const obj = {a, b, c};
console.log(a);
console.log(b);
console.log(c);
}결과 :
100
200
javascript
16. 객체 : 데이터 저장 (키와값) : 표현방법8
객체 안에 실행문(함수)가 들어갈 수 있다.
{
const j = "javascript";
const obj = {
a: 100,
b: [200, 300],
c: "javascript",
d: function(){
console.log("javascript가 실행되었습니다.");
},
e: function(){
console.log(j + "가 실행되었습니다.");
},
f: function(){
console.log(this.c + "가 실행되었습니다.");
}
}
console.log(obj.a);
console.log(obj.b[0]);
console.log(obj.b[1]);
console.log(obj.b[2]);
console.log(obj.c);
console.log(obj.d);
obj.d();
obj.e();
obj.f();
}결과 :
100
200
300
undefined
javascript
X
javascript가 실행되었습니다.
javascript가 실행되었습니다.
javascript가 실행되었습니다.