[J] JavaScript & jQuery 공부하기 #18

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.

 

20. Array 객체 생성과 속성

* Array 객체
- JavaScript에서 배열을 다루는 객체
- 배열 객체에 저장되는 요소들은 데이터 타입이 달라도 됨

 

* Array 객체 생성 방법
- var arr1 = [배열 요소1, 배열 요소2, 배열 요소3 ...]
- var arr2 = new Array();
> 배열의 크기를 지정하지 않음
- var arr3 = new Array(배열 요소1, 배열 요소2, 배열 요소3)
  > 배열 요소 값을 초기화하면서 배열 객체 생성
  > 초기화한 배열 요소 개수가 배열의 크기가 됨
- var arr4 = new Array(배열의 크기);
  > 인자로 지정된 크기로 배열 객체 생성

 

 * Array 객체 메소드
  - concat(array)
    : 인자로 지정된 배열을 원본 배열에 합쳐서 새로운 배열 객체 생성
    < script type="text/javascript">
     var arr1 = [false, "aaa", 1];
     var arr2 = [true]
     var arr3 = arr1, concat(arr2)
     for(var index in arr3){
     document.write("arr3[" + index +"] =" + arr3[index] + "
");
     }
    </ script>
    > 결과 : arr3 : [false, "aaa", 1, true]

  - join(delimiter)
    : 배열 안의 요소들을 인자로 지정된 delimiter 문자로 연결된 문자열 반환
    < script type="text/javascript">
     var arr1 = [false, "aaa", 1];
     var arr2 = arr1.join(",");
    </ script>
    > 결과 : arr1Str : "false, aaa, 1"

  - splice(begin[,length])
    : begin 인덱스 요소부터 length개 만큼의 요소 제거하고 제거한 배열 반환
    : length가 생략되면 begin 인덱스 문자부터 마지막 문자까지 제거
    < script type="text/javascript">
     var arr1 = [false, "aaa", 1];
     arr1.splice(1);
    </ script>
    > 결과 : arr1 : [false]

  - push(element)
    : 배열의 마지막 요소에 새로운 요소를 추가하고 배열 크기 반환
    < script type="text/javascript">
     var arr1 = [false, "aaa", 1];
     arr1.push(true);
    </ script>
    > 결과 : arr1 : [false, "aaa", 1, true]

  - reverse()
    : 배열을 인덱스 번호 역순으로 재정렬
    < script type="text/javascript">
     var arr1 = [false, "aaa", 1];
     arr1.reverse();
    </ script>
    > 결과 : arr1 : [1, "aaa", false]

  - sort()
    : 배열의 요소를 정렬
    < script type="text/javascript">
     var arr1 = ["ccc", "bbb", "aaa"];
     arr1.sort();
    </ script>
    > 결과 : arr1 : ["aaa","bbb","ccc"]

  - toString()
    : 배열의 요소를 문자열로 반환
    < script type="text/javascript">
     var arr1 = ["ccc", "aaa", "bbb"];
     var arr1Str = arr1,toString();
    </ script>
    > 결과 : arr1Str : ccc,aaa,bbb

  - indexOf(element[,position])
    : 배열에서 해당 요소를 검색하여 해당 요소의 인덱스 번호 반환
    : position이 지정되며 해당 position 인덱스 위치부터 검색을 시작함
    < script type="text/javascript">
     var arr1 = ["ccc", "bbb", "aaa"];
     var index1 = arr1.indexOf("aaa");
     var index2 = arr1.indexOf("aaa",2);
     arr1.sort();
    </ script>
    > 결과 : index1 : 1 , index2 : 3

  - lastIndexOf(element[,position])
    : 배열에서 해당 요소를 뒤에서부터 검색하여 해당 요소의 인덱스 번호 반환
    : position이 지정되며 해당 position 인덱스 위치부터 검색을 시작함
    < script type="text/javascript">
     var arr1 = ["ccc", "bbb", "aaa"];
     var index1 = arr1.lastIndexOf("aaa");
     var index2 = arr1.lastIndexOf("aaa",2);
    </ script>
    > 결과 : index1 : 3, index2 : 1