Javascript를 공부해 봅시다! - 번외편. 복습을 해보아요~!feat.저장/반복문

오늘은 그동안 자바스크립트 배웠던 것을 복습해 보겠습니다. 크게 데이터 저장하기, 반복문, 조건문, 함수가 있는데요 오늘 데이터 저장하기와 반복문을 복습하고 내일 조건문과 함수를 복습해 보겠습니다.

01. 데이터 저장하기

변수

- 변수의 가장 큰 특징은 저장한 데이터를 바꾸거나 추가를 할 수 있다는 점입니다.

- 또한 데이터를 하나만 저장 할 수 있다는 특징이 있습니다.

- 보통 let을 쓰고 var를 쓸 수도 있습니다.

var x = 10;
let y = 20;

document.write(x);
document.write(y);

// 10
// 20

상수 

- 상수도 변수와 같이 데이터를 하나만 저장이 가능합니다.

- 상수는 변수와 달리 저장한 데이터를 바꾸거나 추가할 수 없습니다.

- const를 써서 저장합니다.

{
    const z = 100

    document.write(z);
}
    // 100

{
    const a = 100

    a = 200

    document.write(a)
}
    // 출력되지않음

배열

- 여러개의 데이터를 저장할 수 있습니다.

- 키 값을 지정하지 못하고 0,1,2 순으로 차례대로 배정됩니다.

const arr = [100, 200, "javascript"];

console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);

// 100
// 200
// javascript

객체

- 여러개의 데이터를 저장할 수 있습니다.

- 키값을 직접 지정해 줄 수 있습니다.

    const obj = {a:100, b:200, c:"javascript"}

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
    
    // 100
    // 200
    // javascript

02. 반복문

for 문을 기본으로 하는 명령문 입니다.

for 문

- 기초화식 - 조건식 - 실행문장 - 증감식 순서대로 실행이 되는 것을 이해해야합니다.

- 조건식이 거짓이어서 실행문장이 실행되지 않을 때 for문의 반복이 끝나게 됩니다.

for(i=i; i<11; i++){
document.write(i);
}
// 12345678910
// 1부터 10까지의 수를 차례대로 출력하는 명령문입니다.
// i가 10까지는 true이기 때문에 작동하며 11부터는 false이기 때문에 작동하지 않습니다.

forEach 문

- 배열에서는 for Each문을 사용해서 좀 더 편리하게 반복할 수 있습니다.

- 기본 형식은 "배열명. forEach(콜백 함수) {......}" 입니다.

let arr = [10,20,30,40,50,60,70,80,90]

arr.forEach(el=>{
    document.write(el);
})

//10
//20
//30
//40
//50
//60
//70
//80
//90

for in문

- 위의 forEach 문이 배열에서만 반복되는 것이라면 for...in문은 객체의 키값을 반복해서 가져와 처리할 수 있게 합니다.

- 기본 형식은 "for(변수 in 객체){......}" 형식입니다.

const arr = [100, 200, 300, 400, 500, 600];
for(let i in arr){ 
    document.write(i);
}

// 012345

for of 문

- 문자열이나 배열과 같은 반복 가능 자료에서 사용하는 반복문입니다

- forEach 문을 사용해서 작성했던 것과 같은 결과를 불러올 수 있습니다.

const arr = [100, 200, 300, 400, 500, 600];
for(let i of arr){
    document.write(i);
}

// 100200300400500600