First Step

for

for 문은 반복문입니다. 같은 행동을 반복하는데 매번 같은 코드를 작성한다면 정말 비효율적이기 때문에, 모든 프로그래밍 언어에는 반복문이 있습니다. 반복문도 여러 종류가 있지만, 그 중에서 가장 기본적인 for문을 먼저 배워봅시다.

for (초기화; 반복 조건; 증감식) {
  반복할 내용
}

기본적으로 for문은 위와 같이 작성합니다. 예를 들어, 1부터 10까지 더하는 반복문은 아래와 같습니다.

var result = 0;
for (var i = 1; i <= 10; i += 1) {
  result += i; // result = result + i; 의 줄임말 입니다.
}

console.log(result);

코드를 실행시키면 55가 정상적으로 출력 되는 것을 확인할 수 있습니다. 위의 반복문은 i를 1로 초기화 시킨 후, i가 10 이하이면 result를 result에 i를 더한 값으로 바꿔줍니다. 그리고 한번의 반복이 끝나면 i를 1씩 증가시킵니다. 즉, 반복문이 끝났을 때의 i값은 11이 됩니다.

* 주석(comment): 위의 코드에서 // 표시가 되어있는 부분을 주석이라고 합니다. 코드에 부가적인 설명이 필요할 때 작성합니다. 한 줄 주석은 // 내용로 표현하고 여러줄 주석은 / 내용 / 와 같이 표현합니다.


반복문 익히기

1. 1 ~ N 찍기

for문을 이용해 1부터 원하는 숫자까지 1씩 커지며 console.log를 찍어주는 코드를 작성해봅시다.

2. N ~ 1 찍기

for문을 이용해 원하는 숫자부터 1까지 1씩 작아지며

console.log
를 찍어주는 코드를 작성해봅시다.

3. 1 ~ N의 합 구하기

for문을 이용해 1부터 원하는 숫자까지 1씩 커지며 모두 더한 값을

console.log
로 찍어주는 코드를 작성해봅시다.



Array

배열은 연관된 데이터들을 하나의 변수에 모아놓은 것을 말합니다. 빈 배열을 선언하는 방법은 아래와 같습니다.

var arr = [];

배열에 데이터를 넣기 위해서는 push 메소드를 사용합니다.

arr.push(1);
arr.push(2, 3);

위의 코드들을 실행 시킨 후, arr는 *[1, 2, 3]*이 됩니다.

var arr = [1, 2, 3];

물론 위와 같이 arr를 처음부터 *[1, 2, 3]*으로 선언할 수도 있습니다. 배열에 들어있는 값들을 하나씩 가져올 때는 문자열과 동일하게 *arr[2]*와 같은 방식으로 가져올 수 있습니다. 여기서 *[]*안에 들어있는 숫자를 index라고 표현을 하며, 항상 0부터 시작합니다. 즉, arr의 2번 index에 해당하는 값은 3이 됩니다. 이때, 3을 index 2에 해당하는 element라고 표현합니다.


배열과 반복문의 조합

1. 1 ~ N 까지 배열에 넣기

빈 배열을 선언한 뒤, for문을 이용해 1부터 원하는 숫자까지 1씩 커지며 배열에 넣는 코드를 작성해봅시다. 그리고 console.log를 이용해 원하는 결과가 나왔는지 확인하세요.