배열&반복문 활용 ⅰ

 

소스코드 예시

        배열변수 활용

그림 배열에 담긴 원소 활용

1. coworkers 배열 변수에 각각의 데이터를 담는다

2. document.wrtite('coworkers [i]') 변수를 가져옵니다 coworkers [i] 변수에 0번째에 있는 egoing 출력된다

3. var i = 0; 카운트를 사용한다

4. var i =0;

while(i < 4 (반복 원하는 수){

   i = i + 1; 

}  i + 1 이 반복되어 0에 + @되고 원하는 수에 도달하면 <li></li> 속에 항목이 출력된다

그림 4개의 항목이 출력

배열 length속성 활용

소스코드 예시

1. coworkers.length는 배열 안에 index의 개수를 가져온다

2.  <a href="http://a.com/'+coworkers [i]+'"> </a> a태그 내에 링크 주소를 " " 쌍따옴표를 붙여 문자열로 묶어준다

3.  i + 1 이 반복되어 0에 +@되고 원하는 수에 도달하면 false가 되어 종료 되고

    coworkers [i] 변수에  0번째에 있는 egoing부터 ~ taeho 닉네임과 링크 주소가 출력된다 

그림 항목의 닉네임과 링크 주소

총 정리

1.  <li> 태그에 따옴표를 붙이는 이유는.. 앞서 배열로 선언된 coworkers [i]와는 다르게

    여기서<li>의 자료형이 문자열(string)이기 때문이다

    즉 html 코드는 js에선 평범한 문자열에 지나지 않습니다

    엄연히 둘은 다른 언어니까요

2.  document.write(); 괄호 안에 내용을 출력합니다

     document.write(안녕); 안녕을 출력하지 않습니다 변수인지 텍스트인지 확인이 안되니까

     document.write('안녕'); 안녕이라고 출력합니다 따옴표 안에 있는 건 텍스트라는 뜻이다

   예시)

   var coworkers = ['egoing','leezche','duru','taeho'];

   - document.write(coworkers[0]); 변수를 가져옵니다 배열변수 0번째에 있는 egoing 출력 됩니다

   - document.write('안녕' + '하세요'); 안녕하세요 가 출력됩니다 숫자에서 +는 수를 합치는 거지만

     문자열에서 문자열을 앞뒤로 붙여주는 역할이니까요

   - document.write('안녕' + coworkers[0]); 안녕egoing 이라고 나옵니다 변수를 사용하면 변수를 가르키는 (지금의 경우 egoing)그 자리를 대체한다고 보면됩니다

  - 즉, document.write('안녕' + coworkers[0]); 는 document.write('안녕' + 'egoing'); 과 같은 뜻입니다.