1/9 코딩일기

배열

배열 : 연관성이 있는 데이터들을 모아놓은 것
배열의 순서는 0부터 시작한다
따라서

<scirpt>
var isegyeido = ['아이네','징버거','릴파','주르르','고세구','비챤']
</scirpt>
document.write.(isegyeidol[0])

와 같은 코드는
isegyeidol배열의 첫번째 데이터인 '아이네'를 출력한다

---

반복문

코드를 반복해서 실행하는데 사용

while

while(boolean){
<code>
}

boolean이 true일 동안 <code>를 반복

See the Pen Untitled by park-intae (@park-intae) on CodePen.

i값이 3보다 작은 상태를 만족하는 동안 <li>2</li>와 <li>3</li>를 반복 실행하고 i에 1을 더한다

---

Loop & Array

배열을 루프시켜서 반복적인 실행을 할 수 있다

See the Pen Untitled by park-intae (@park-intae) on CodePen.

다만 이 경우에는 배열isedol의 구성 데이터가 바뀌게 될 경우 코드 전체를 수정해야 하기 때문에 유연하지 못하다
따라서 다음과 같이 수정한다

See the Pen Untitled by park-intae (@park-intae) on CodePen.

이렇게 작성할 경우 배열isedol의 데이터가 변화하면 그에 따라 유동적으로 변화한 출력결과를 얻을 수 있다

---

드디어 그 짜증나던 하이퍼링크 색을 버튼에 따라 바꿀 수 있게 됐다
이거 혼자 풀려고 끙끙 앓았던거 생각하면 속이 다 시원해질 지경이다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

See the Pen Untitled by park-intae (@park-intae) on CodePen.

배열 뿐만 아니라 개발자도구 콘솔을 통해 변경하고 싶은 부분의 코드를 찾고 미리 시행해 볼 수 있다는 점을 잊지말자!!!