- 01. 변수 : 데이터 저장
- 02. 변수 : 데이터 저장 + 데이터 변경
- 03. 변수 : 데이터 저장 + 데이터 변경 + 데이터 추가
- 04. 변수 : 지역 변수 + 전역 변수 + 매개변수
- 05. 상수 : 데이터 저장 + 데이터 변경(X)
- 06. 배열 : 여러개의 데이터를 저장 : 표현 방법1
- 07. 배열 : 여러개의 데이터를 저장 : 표현 방법2
- 08. 배열 : 여러개의 데이터를 저장 : 표현 방법3
- 09. 배열 : 여러개의 데이터를 저장 : 표현 방법4
- 10. 객체 : 데이터를 저장(키와 값) : 표현 방법1
- 11. 객체 : 데이터를 저장(키와 값) : 표현 방법2
- 12. 객체 : 데이터를 저장(키와 값) : 표현 방법3
- 13. 객체 : 데이터를 저장(키와 값) : 표현 방법4
- 14. 객체 : 데이터를 저장(키와 값) : 표현 방법5
- 15. 객체 : 데이터를 저장(키와 값) : 표현 방법6
- 16. 객체 : 데이터를 저장(키와 값) : 표현 방법7
- 17. 객체 : 데이터를 저장(키와 값) : 표현 방법8
01. 변수 : 데이터 불러오기
{
var x = 100;
var y = 200;
var z = "javascript";
document.write(x);
document.write(y);
document.write(z);
}
결과보기
100
200
javascript
200
javascript
02. 상수 : 데이터 불러오기
{
let x = 100;
let y = 200;
let z = "javascript";
x = 300;
y = 400;
z = "jquery";
document.write(x);
document.write(y);
document.write(z);
}
결과보기
300
400
jquery
400
jquery
03. 배열 : 데이터 불러오기
{
let x = 100;
let y = 200;
let z = "javascript";
x += 300;
y -= 400;
z += "jquery";
document.write(x);
document.write(y);
document.write(z);
}
결과보기
400
-200
javascriptjquery
-200
javascriptjquery
04. 배열 : 데이터 불러오기 : 2차 배열
{
let x = 100; //전역변수
let y = 200; //전역변수
function func(){
let x = 100; //지역변수
let z = "javascript"; //지역변수
x = 200; //지역변수 100->200
y = 300; //전역변수 200->300
document.write(x);
document.write(y);
document.write(z);
}
func();
document.write(x);
document.write(y);
document.write(z);
}
결과보기
함수 안
200
300
javascript
함수 밖
100
300
X
200
300
javascript
함수 밖
100
300
X
05. 배열 : 데이터 불러오기 : 갯수 구하기
{
const x = 100;
const y = 200;
const z = "javascript";
//x = 300;
//y = 400;
//z = "jquery";
document.write(x);
document.write(y);
document.write(z);
}
결과보기
100
200
javascript
200
javascript
06. 배열 : 데이터 불러오기 : for()문
{
const arr = new Array();
arr[0] = 100;
arr[1] = 200;
arr[2] = "javascript";
document.write(arr[0]);
document.write(arr[1]);
document.write(arr[2]);
}
결과보기
100
200
javascript
200
javascript
07. 배열 : 데이터 불러오기 : forEach()
{
const arr = new Array(100, 200, "javascript");
document.write(arr[0]);
document.write(arr[1]);
document.write(arr[2]);
}
결과보기
100
200
javascript
200
javascript
08. 배열 : 데이터 불러오기 : for of
{
const arr = [];
arr[0] = 100;
arr[1] = 200;
arr[2] = "javascript";
document.write(arr[0]);
document.write(arr[1]);
document.write(arr[2]);
}
결과보기
100
200
javascript
200
javascript
09. 배열 : 데이터 불러오기 : for in
{
const arr = [100, 200, "javascript"];
document.write(arr[0]);
document.write(arr[1]);
document.write(arr[2]);
}
결과보기
100
200
javascript
200
javascript
10. 배열 : 데이터 불러오기 : map()
{
const obj = new Object();
obj[0] = 100;
obj[1] = 200;
obj[2] = "javascript";
document.write(obj[0]);
document.write(obj[1]);
document.write(obj[2]);
}
결과보기
100
200
javascript
200
javascript
11. 배열 : 데이터 불러오기 : 펼침 연산자
{
const obj = new Object();
obj.a = 100;
obj.b = 200;
obj.c = "javascript";
document.write(obj.a);
document.write(obj.b);
document.write(obj.c);
}
결과보기
100
200
javascript
200
javascript
12. 배열 : 데이터 불러오기 : 배열구조분해할당
{
const obj = {};
obj.a = 100;
obj.b = 200;
obj.c = "javascript";
document.write(obj.a);
document.write(obj.b);
document.write(obj.c);
}
결과보기
100
200
javascript
200
javascript
13. 객체 : 데이터 불러오기 : 기본
{
const obj = { a: 100, b: 200, c: "javascript" };
document.write(obj.a);
document.write(obj.b);
document.write(obj.c);
}
결과보기
100
200
javascript
200
javascript
14. 객체 : 데이터 불러오기 : Object
{
const obj = [
{a: 100, b: 200},
{c: "javascript"}
];
document.write(obj[0].a);
document.write(obj[0].b);
document.write(obj[1].c);
}
결과보기
100
200
javascript
200
javascript
15. 객체 : 데이터 불러오기 : 변수
{
const obj = {
a: 100,
b: [200, 300],
c: {x: 400, y: 500},
d: "javascript"
};
document.write(obj.a);
document.write(obj.b[0]);
document.write(obj.b[1]);
document.write(obj.c.x);
document.write(obj.c.y);
document.write(obj.d);
}
결과보기
100
200
300
400
500
javascript
200
300
400
500
javascript
16. 객체 : 데이터 불러오기 : for in
{
const a = 100;
const b = 200;
const c = "javascript";
const obj = { a, b, c };
document.write(obj.a);
document.write(obj.b);
document.write(obj.c);
}
결과보기
100
200
javascript
200
javascript
17. 객체 : 데이터 불러오기 : map()
{
const obj = {
a: 100,
b: [200, 300],
c: {x: 400, y: 500},
d: "javascript",
e: function(){
document.write("javascript가 실행되었습니다.");
},
f: function(){
document.write(obj.d + "가 실행되었습니다.");
},
g: function(){
document.write(this.d + "가 실행되었습니다.");
}
}
document.write(obj.a);
document.write(obj.b);
document.write(obj.b[0]);
document.write(obj.b[1]);
document.write(obj.c.x);
document.write(obj.c.y);
obj.e();
obj.f();
obj.g();
}
결과보기
100
200, 300
200
300
400
500
javascript가 실행되었습니다.
javascript가 실행되었습니다.
javascript가 실행되었습니다.
200, 300
200
300
400
500
javascript가 실행되었습니다.
javascript가 실행되었습니다.
javascript가 실행되었습니다.