[JavaScript] 배열과 반복문

Array(배열)

var coworkers = ["marmot", "leon"];

 

var : 변수 선언문

coworkers : 변수 이름 (다른 이름도 상관없음)

"marmot" : index1, 0번

"leon" : index2, 1번

 

"marmot", "leon" 등의 항목은 배열에서 원소(element) 라고 지칭

 

document.write(coworkers[0]);
document.write(coworkers[1]);

 

결과 : marmotleon

 

변수 coworkers의 0번인 marmot과 1번인 leon의 순서대로 값을 가져옴

 

coworkers.push('chris');
coworkers.push('ada');

 

*.push : coworkers에 chris, ada를 추가하는 태그

 

변수 안의 원소 개수 확인

var coworkers = ["marmot", "leon"];

document.write(coworkers.length);

 

결과 : 2

 

var coworkers = ["marmot", "leon"];

coworkers.push("chris");
coworkers.push("ada");

document.write(coworkers.length);

 

결과 : 4

 

*.push로 변수에 chris와 ada가 추가되어 4가 나옴

 

Loop(반복문)

<ul>
<script>
document.write('<li>1</li>')
var i = 0;
while (i < 3) {
document.write('<li>2</li>')
document.write('<li>3</li>')
i = i + 1;
}
document.write('<li>4</li>')
</script>
</ul>

 

결과 :

• 1

• 2

• 3

• 2

• 3

• 2

• 3

• 4

 

변수 i  : 관습적으로 사용

while : 조건문이 참일 때 실행되는 반복문, 반복문 while에  (i < 3)을 조건문으로 넣어서 i 값이 3보다 작을 때, 즉 2가 될때까지 반복함

i = i + 1; : 반복될때마다 i 값이 1씩 증가

 

즉 변수 i 는 0으로 시작하기 때문에 실행 시 0, 1, 2 총 세번 반복되는 결과가 도출

 

배열과 반복문 활용

var coworkers = ["marmot", "leon", "chris", "ada"];

var i = 0;
while(i < coworkers.length) {
    document.write('<li>'+coworkers[i]+'</li>')
    i = i + 1;
    }

 

결과 : 

• marmot

• leon

• chris

• ada

 

조건문에 i 가 coworkers의 원소 수보다 1적을 때까지 반복되게 함

위 예시에서는 네개의 원소가 존재하기 때문에 3번 반복하여 0, 1, 2, 3 순서로 도출