옥수수와 식빵 그리고 코딩

22. 배열과 반복문 하이브리드 본문

2023/생활코딩

22. 배열과 반복문 하이브리드

옥식 2023. 9. 28. 11:17

배역에서 각각의 원소들을 원소(element)라고 함

 

변수[index]하면 그 변수 안에 저장된 배열에서 해당하는 순서의 원소를 가져옴

 

 

 

<배열, 반복문 없이>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <h1> Loop & Array </h1>
        <h2>Co workers</h2>
        <ul>
            <li>egoing</li>
            <li>zzazang</li>
            <li>ssammu</li>
            <li>pring</li>
        </ul>
    </body>
</html>

 

<배열, 반복문>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <h1> Loop & Array </h1>
        <script>
            var coworkers = ['egoing', 'zzazang', 'ssammu', 'pring']
        </script>
        <h2>Co workers</h2>
        <ul>
            <script>
                var i=0;
                while(i<4){
                    document.write('<li>'+coworkers[i]+'</li>');
                    i = i+1
                }
            </script>
        </ul>
    </body>
</html>

하지만 여기서 문제점

배열의 원소 개수가 달라지면 로직도 바꿔줘야 함. -> 굉장한 문제!!!!!!!!!!!

 

데이터가 바뀌면 바뀐 데이터에 따라 유연하게 바뀌는 것이 좋음.

 

그렇다면 저 배열에 담긴 원소 수 자체가 숫자에 담길 수 있따면  더 좋겠찌!

 

while(i<4){
while(i<coworkers.length){

이렇게 바꾸면 더 완벽.

 

만약 각 coworker들에게 링크넣고 싶으면 

<a href>태그 활용

 

저작자표시

'2023 > 생활코딩' 카테고리의 다른 글

24. 함수..!  (0) 2023.09.29
23. 배열과 반복문의 활용  (1) 2023.09.28
21. 반복문(loop)  (0) 2023.09.27
20. 배열(JavaScript)  (0) 2023.09.27
19. 리팩토링, 중복의 제거.  (1) 2023.09.27
'2023/생활코딩' Related Articles more
Comments