메뉴 건너뛰기

XE Guidebook

JS 기초
2016.07.29 18:58

2-04 배열 Array

조회 수 11 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

◈ 배열


   배열이란 하나의 변수에 여러 개의 데이터를 저장하는 객체이다.
   여러 개의 변수를 인덱스 번호로 관리하며,
   [ ](대괄호)를 사용하여 표현한다.
 
   Array 객체에는 원소간의 정렬, 삽입, 삭제 등과 같이 배열을 조작할 수 있는
   다양한 메서드(함수)가 있다.. 
 
 
  아래에서 보는 바와 같이  
  Array는 서로 비슷한 성격의 변수를 생성하여 준다.

  aa1 = 0.5
  aa2 = 1 
  aa3 = 1.5
  aa4 = 2
  .....
  aa100 = 50
 
  위의 변수들은 aan = n / 2 라는 공식에 의해 나열되어 있는데,
  일일이 하나하나 변수를 설정하지 않고 간단히 아래와 같이 배열변수로 설정할 수 있다.
 
  aa = new Array
  for (n = 1; n <= 100; n = n +1)
  { aa[n] = n/2 };
 

● 배열 생성 방법

- new 생성자 사용
 
  var my_array = new Array() // 배열 객체 생성
  my_array[0] =데이터1 // 데이터 요소 추가
  my_array[1] =데이터2
  my_array[2] =데이터3

  
- 배열 객체를 생성하면서 요소 추가
 
  var my_array = new Array("car1","car2","car3") // 배열 객체를 생성하면서 요소 추가
 
  
- [ ] 연산자를 사용하여 직접 생성
 
  var my_array = ["orange","apple" ,50)] 
 
  
 
▶ 배열 생성
 
  <script type="text/javascript">
    var fruits = ["banana","orange","apple","mango"];
    for(var i=0; i<fruits.length ;i++){
      document.writeln(fruits[i]);
    }
  </script>
 
 
▶ 배열 concat()
 
<script type="text/javascript">
  var fruits = ["banana","orange","apple","mango"];
  var nums = [10,30,20,50];
  for(var i=0; i<fruits.length ;i++){
    document.writeln(fruits[i]);
  }
  var a = fruits.concat(nums);
  document.writeln(a);
</script>
 
 
▶ 배열 join()
 
<script type="text/javascript">
  var fruits = ["Banana", "Orange", "Apple", "Mango"];
  document.write(fruits.join() + "<br />");
  document.write(fruits.join("+") + "<br />");
  document.write(fruits.join(" and "));
</script>
 
 
▶ 배열 sort() : 알파벳문자 오름차순
 
<script type="text/javascript">
  var fruits = ["Banana", "Orange", "Apple", "Mango"];
  document.write(fruits.sort());
</script>
 
 
▶ 숫자 오름차순
 
<script type="text/javascript">
  function sortNumber(a,b){
    return a - b;
  }
  var n = ["10", "5", "40", "25", "100", "1"];
  document.write(n.sort(sortNumber));
</script>
 
 
▶ 숫자 내림차순
 
<script type="text/javascript">
  function sortNumber(a,b){
    return b - a;
  }
  var n = ["10", "5", "40", "25", "100", "1"];
  document.write(n.sort(sortNumber));
</script>