배열과 반복문

오늘은 배열에 대해서 알아보고 효용성과 반복문과 결합해 사용해봅니다.

배열이란

변수 = 하나만 담는 그릇
배열 = 여러게를 담는 그릇 정도로 이해 해주시면 좋을 것 같습니다..



배열은 대가로로 감싸줍니다.



<보기>

<script>
      var members = ['member1', 'member2', 'member3'];
</script>	

배열의 원소

배열에 담겨진 각각의 데이터를 원소라고 합니다.
인덱스는 배열의 각 원소를 구분하기 위한 번호입니다.

인덱스는 0부터 셉니다.

배열에서 값의 위치를 찾아내기 위함을 목적으로 둡니다.

0 1 2순으로 member1, member2, member3

<보기>

<script>
      var members = ['member1', 'member2', 'member3'];
      alert(members[0]);
</script>

위의 코드에 대한 결과는

위에 인자값에 0이 아닌 1을 넣으면 member2가 브라우저에 뜨겠죠?

배열의 효용성

하나의 함수는 하나의 값만 반환할 수 있습니다.
하지만 배열은



<보기>

<script>
      function colors() {
         return ['red', 'blue', 'green'];
      }
      var colors = colors();
      document.write(colors[0]);
   </script>

배열을 리턴하고 세개의 값을 반환 합니다.

함수에서 배열을 매개변수를 사용하였고, 그 함수를 변수에 대입하고
index값 color[0]으로

브라우저에 'red' 가 출력 됩니다.

배열과 반복문 결합

<보기>

<script>
      function members(){
         return['Kim', 'Lee', 'Nam'];
      }

      var members = members()
      
      for(var i = 0; i < members.length; i++){
         document.write(members[i] + "<br>");
      }
</script>

.length는 배열의 속성입니다.
배열에 포함된 요소의 길이를 반환 합니다.
즉 요소 개수를 의미 합니다.

반복문이 호출되는 반복횟수(조건식)는 배열의 원소개수에 따라 바뀌게 됩니다.


i < members.length 는 i < 3과 같겠죠?

증감식으로 인해 documnet.write(member[i]) 는
member[0] member[1] member[2] 와 같고

브라우저 결과는 Kim, Lee, Nam이 나오게 됩니다.

힘들게 정리해서 설명한 제 표현이 맞는지는 잘모르겠습니다..ㅠ

지금은 더디어도 언젠가 빨라지지 않을까요? 😴😴