01. 변수 : 데이터 저장하기
변수는 데이터를 저장하는 저장소 입니다. 이 저장소에는 숫자, 문자, 함수, 객체등을 저장할 수 있습니다.
var x = 100; //변수 x에 숫자 100을 저장함
var y = 200; //변수 y에 숫자 200을 저장함
var z = "javascript"; //변수 z에 javascript를 저장함
document.write(x);
document.write(y);
document.write(z); 결과보기
02. 변수 : 데이터 저장 + 변경하기
변수는 데이터를 저장하는 저장소지만 변경도 가능합니다.
let x = 100;
let y = 200;
let z = "javascript";
x = 300; //변수 x의 값이 100에서 300으로 변경됨
y = 400; //변수 y의 값이 200에서 400으로 변경됨
z = "영어싫어" //변수 z의 값이 javascript에서 영어싫어로 변경됨
document.write(x);
document.write(y);
document.write(z); 결과보기
배열 : 데이터 저장(여러개) : 표현 방법 1
변수는 데이터를 저장하고 변경하고 추가도 가능합니다.
let x = 100;
let y = 200;
let z = "javascript";
x += 300; //변수 x의 값이 100에서 300을 추가함
y -= 400; //변수 y의 값이 200에서 400을 뺌
z += "영어싫어" //변수 z의 값이 javascript에서 영어싫어를 추가함
document.write(x);
document.write(y);
document.write(z); 결과보기
04. 변수 : 지역 변수 + 전역 변수
전역변수는 함수 불록{} 밖이나 안에서 자유롭게 사용 가능하지만. 지역변수는 함수 블록{} 내에서만 사용 할 수 있습니다.
let x = 100; //전역 변수
let y = 200;
function func(){
let x = 100; //지역변수
let z = "javascript"; //지역변수
x = 200; //지역변수 100 ---> 200
y = 300; //전역변수 200 ---> 300
document.write("함수 안");
document.write(x);
document.write(y);
document.write(z);
}
func();
document.write("함수 밖");
document.write(x);
document.write(y);
document.write(z); 결과보기
200
300
javascript
함수 밖
100
200
05. 상수 : 데이터 저장 + 데이터 변경(x)
상수는 데이터를 저장 할 수 있지만 변경할 수는 없습니다. 상수(const)는 이미 선언한 상수에 대해 중복해서 선언할 수 없고, 재지정도 할 수
const x = 100;
const y = 200;
const z = "javascript";
//x = 300;
//y = 400;
//z = "영어 싫어" //재정의할 수 없음
document.write(x);
document.write(y);
document.write(z); 결과보기
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. 배열 : 데이터 저장(여러개) : 표현 방법 2
배열은 여러개의 데이터를 저장할 수 있는 저장소 입니다. 그 중 두번째 입니다.
const arr = new Array( 100 , 200 , "javascript" );
document.write(arr[0]);
document.write(arr[1]);
document.write(arr[2]); 결과보기
08. 배열 : 데이터 저장(여러개) : 표현 방법 3
배열은 여러개의 데이터를 저장할 수 있는 저장소 입니다. 그 중 세번째 입니다.
const arr = [];
arr [0] = 100;
arr [1] = 200;
arr [2] = "javascript";
document.write(arr[0]);
document.write(arr[1]);
document.write(arr[2]); 결과보기
09. 배열 : 데이터 저장(여러개) : 표현 방법 4
배열은 여러개의 데이터를 저장할 수 있는 저장소 입니다. 그 중 네번째 입니다.
const arr = [100,200,"javascript"];
document.write(arr[0]);
document.write(arr[1]);
document.write(arr[2]); 결과보기
10. 객체 : 데이터 저장(키와 값) : 표현 방법 1
여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입. 그 중 첫번째 입니다.
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. 객체 : 데이터 저장(키와 값) : 표현 방법 2
여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입. 그 중 두번째 입니다.
const obj = new Object();
obj.a = 100; //obj[0]를 obj.a로 변화
obj.b = 200; //obj[1]를 obj.b로 변화
obj.c = "javascript"; //obj[2]를 obj.c로 변화
document.write(obj.a);
document.write(obj.b);
document.write(obj.c); 결과보기
12. 객체 : 데이터 저장(키와 값) : 표현 방법 3
여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입. 그 중 세번째 입니다.
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); 결과보기
13. 객체 : 데이터 저장(키와 값) : 표현 방법 4
여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입. 그 중 네번째 입니다.
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:100, 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); //c는 객체를 선택해줘야지 오류가 뜨지 않음
document.write(obj.d);
obj.e()
obj.f()
obj.g() 결과보기
200
300
200,300
[object Object]
100
500
javascript
자바스크립트가 실행되었습니다.
javascript가 실행되었습니다.
javascript가 실행되었습니다.