배열과 반복문

들블리셔·2021년 1월 7일

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

배열이란

연관된 데이터를 모아서 통으로 관리하기 위해 사용하는 데이터 타입입니다. 변수는 하나의 데이터를 저장하지만 배열은 여러가지 데이터를 하나의 변수에 저장하기위한 것이라고 생각하시면 됩니다.

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

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

<보기>

<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>