[JAVA SCRIPT] 반복문과 배열

[JAVA SCRIPT] 반복문과 배열

반복문의 장점은 무엇일까요?

컴퓨터가 인간에 비해 우월하다고 말하는 것이 있다. 바로 똑같은 것을 반복하는 작업이다. 사람은 같은 것을 오래하면 지루해하지만 컴퓨터는 같은 작업을 여러번 할 수 있는 큰 장점이 있다. 이렇게 반복분은 사람이 하지 못하는 작업을 수천번, 수만번을 빠른 시간안에 반복할 수 있다. 이렇게 반복문은 정말 유용한 작업이고 컴퓨터의 영역이 되었다.

//하나하나 작성한 alert 코드입니다.
alert('반복1');
alert('반복2');
alert('반복3');
alert('반복4');
alert('반복5');

//for문을 사용한 반복문입니다.
//10번 반복해서 작업을 수행하게 만든 코드입니다.
for (var i = 0; i < 10; i++){
    alert('반복'+i);
}

작업의 결과는 alert로 작성한 코드는 1개씩 5번나오며 for 반복문을 통해 만든 코드는 0부터 9까지 10번 출력됩니다.

간단한 코드이지만 같은 작업을 간단한 코드로 반복해서 실행할 수 있습니다.

배열이란 무엇일까?

배열은 여러 개의 변수를 한꺼번에 선언해 다룰 수 있는 자료형이다. 자바스크립트에서는 문자, 열, 숫자, 불린, 함수, 객체, 언디파인드(undefined) 총 여섯 가지 자료형이 있는데, 배열은 객체 자료형 중 하나이다.

코드를 간단하게 살펴보겠다.

[ 배열선언 그리고 출력 ]   

<script>

    var arrayList = [123,456,105,1004,52];
    var arrayList2 = [123, 'number', 'true', function(){}, {}, [123,456]];

    alert(arrayList);
    alert(arrayList2);

</script>

arrayList의 alert창

arrayList2의 alert창

[배열에 접근하기]

var arrayList = [123,456,105,1004,52];
var arrayList2 = [123, 'number', 'true', function(){}, {}, [123,456]];


alert(arrayList[1]);
alert(arrayList2[2]);

리스트 요소 하나하나에 접근하기 위해서는 위와 같이 [배열번호, 인덱스(index)]를 기재하여 출력합니다. 배열은 0부터 시작하기 때문에 arrayList의 배열값에 경우 0은 123에 해당하며 1은 456. 2는 105에 해당합니다.

arrayList[1] 배열의 2번째 값

arrayList2[2] 배열의 3번째 값

length와 push메서드 알아두기

<script>

    var arrayList1 = [123,456,105,1004,52];
    var arrayList2 = [123, 'number', 'true', function(){}, {}, [123,456]];


    alert("length1:" + arrayList1.length);
    alert("length2:" + arrayList2.length);


    arrayList1.push(10000);
    arrayList2.push(20000);

    alert(arrayList1);
    alert(arrayList2);


</script>

length속성을 활용하여 배열의 값을 알아낸 결과

push메서드를 활용하여 배열에 값을 넣은 결과

이번장에서는 간단하게 반복문,배열이란 무엇인지 간략하게 보았다. 코딩을 하다보면 배열이나 반복문을 쓰게 될 일이 무척 많을 것이다.  장에서 반복문의 종류를 살펴볼까 한다.(for,while,do while, for in, 중첩반복문, break, continue....)