01. 변수 : 데이터 저장
변수는 데이터를 저장하는 저장소 입니다. 이 저장소에는 숫자, 문자, 함수, 객체 등을 저장할 수 있습니다.
{
var x = 100;
var y = 200;
var z = "javascript";
document.write(x); // 변수x
document.write(y); // 변수y
document.write(z); // 변수z
}
결과보기
02. 변수 : 데이터 저장
변수는 데이터를 저장하는 저장소 입니다. 이 저장소에는 숫자, 문자, 함수, 객체 등을 저장하고 변경도 합니다.
{
var x = 100;
var y = 200;
var z = "javascript";
x = 300;
y = 400;
z = "javascript";
document.write(x); // 변수 x의 값이 100에서 300으로 변경됨
document.write(y); // 변수 y의 값이 200에서 400으로 변경됨
document.write(z); // 변수 z의 값이 "javascript"에서 "jquery"로 변경
}
결과보기
03. 변수 : 데이터 저장 + 변경 + 추가.
변수는 데이터를 저장하는 저장소 입니다. 이 저장소에는 숫자, 문자, 함수, 객체 등을 저장하고, 변경하고, 추가할 수 있습니다.
{
var x = 100;
var y = 200;
var z = "javascript";
x += 300; // 변수 x의 값을 더함
y += 400; // 변수 y의 값을 더함
z += "jquery"; //변수 z의 값을 더함
document.write(x);
document.write(y);
document.write(z);
}
결과보기
04. 변수 : 지역변수와 전역변수
전역변수는 함수 블록{} 밖이나 안에서 자유롭게 사용 가능하지만, 지역변수는 함수 블록{} 내에서만 사용 할 수 있습니다.
{
let x = 100; //전역변수
let y = 200;
function func(){
let x = 101; //지역변수
let z = "javascript"; //지역변수
x = 200; //지역변수 100 --> 200
y = 300; //전역변수 200 --> 300
document.write("함수 안");
document.write(x);
document.write(y);
document.write(z,); //undifinded
}
func();
document.write("함수 밖");
document.write(x);
document.write(y);
document.write(z);
}
결과보기
함수 안200
300
javascript
함수 밖
100
300
undifined
05. 상수 : 데이터 저장 + 데이터 변경(X)
상수는 데이터를 저장할 수 있으며, 변경은 할 수 없습니다. 상수(const)는 이미 선언한 상수에 대해 중복해서 선언할 수 없고, 상수의 값은 재지정할 수도 없다.
{
const x = 100;
const y = 200;
const z = "javascript";
document.write(x);
document.write(y);
document.write(z);
// x = 300; //변경 불가능
// y = 400;
// z = "jquery";
}
결과보기
06 배열 : 첫번째 방법
여러개의 데이터를 저장할 수 있는 저장소
{
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]);
}
결과보기
07 배열 : 두번째 방법
여러개의 데이터를 저장할 수 있는 저장소
{
const arr = new Array(100, 200, "javascript")
document.write(arr[0]);
document.write(arr[1]);
document.write(arr[2]);
}
결과보기
08 배열 : 세번째 방법
여러개의 데이터를 저장할 수 있는 저장소
{
const arr = [];
arr[0] = 100;
arr[1] = 200;
arr[2] = "javascript";
document.write(arr[0]);
document.write(arr[1]);
document.write(arr[2]);
}
결과보기
09 배열 : 네번째 방법
여러개의 데이터를 저장할 수 있는 저장소
{
const arr = (100, 200, "javascript");
document.write(arr[0]);
document.write(arr[1]);
document.write(arr[2]);
결과보기
10. 객체 : 첫번째 방법
키와 값으로 구성됨.
{
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]);
}
결과보기
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);
}
결과보기
12. 객체 : 세번째 방법
키와 값으로 구성됨.
{
const obj = {}
obj.a = 100;
obj.b = 200;
obj.c = "javascript";
document.write(obj.a);
document.write(obj.b);
document.write(obj.c);
}
결과보기
13. 객체 : 네번째 방법
키와 값으로 구성됨.
{
const obj = {a:100, b:200, c:"javascript"};
document.write(obj.a);
document.write(obj.b);
document.write(obj.c);
}
결과보기
14. 배열 속 객체
키와 값으로 구성됨.
{
const obj =
[{a:100, b:200},
{c:"javascript"}];
document.write(obj[0].a);
document.write(obj[0].b);
document.write(obj[1].c);
}
결과보기
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);
}
결과보기
16. 객체 속 배열
키와 값으로 구성됨.
{
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);
}
결과보기
17. 객체 속 배열
키와 값으로 구성됨.
{
const obj = {
a: 100,
b: [200, 300],
c: {x:400, y:500},
d: "javascript",
e: function(){
document.write("자바스크립트가 실행되었습니다.");
},
f: function(){
document.write( obj.d + "가 실행되었습니다.");
},
g: function(){
document.write( this.d + "가 실행되었습니다.");
}
}
document.write(obj.a);
document.write(obj.b[0]);
document.write(obj.b[1]);
document.write(obj.b);
document.write(obj.c.x);
document.write(obj.c.y);
// document.write(obj.c); //정확하게 못찾아서 object뜸
document.write(obj.d);
obj.e();
obj.f();
obj.g();
}
결과보기
javascript가 실행되었습니다.
javascript가 실행되었습니다.