Rainbow
배열&반복문 활용 ⅰ 본문
소스코드 예시
배열변수 활용
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> 속에 항목이 출력된다
배열 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'); 과 같은 뜻입니다.
'web > javascript' 카테고리의 다른 글
!! 함수 (0) | 2023.11.20 |
---|---|
배열 & 반복문 활용ⅱ (0) | 2023.11.19 |
!! 배열 & 반복문 (0) | 2023.11.13 |
(mysqil workbench) 게시판 만들기 (0) | 2023.11.05 |
스키마와 테이블 만들기(mysqli workbench) (1) | 2023.11.04 |