본문 바로가기
JAVA/javascript, jQuery

자바스크립트 - Array

by 설총이 2018. 7. 4.

4. 배열 : 인덱스가 붙은 값들이 여러 개 모여 있는 것

array.prototype객체가 프로토타입이다.

Object.protytype은 자바스크립트 객체의 최상위 부모이기때문에 배열 객체또한 호출할 수 있다.



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
    var arr = [ 1234 ];
    var arr1 = []; // 빈 배열 생성
    var arr2 = [ 1.1true"AA", ]; // 다른 타입의 데이터도 저장가능
    
    var i = 10;
    var arr3 = [ i + 1, i + 10, i + 100 ]; // 연산하는 배열도 저장가능
    var arr4 = [ 1, {    x : 1,    y : 2}, 3, { x : 1,    y : 2} ]; // 배열안에 객체도 저장가능
    var arr5 = new Array(); // 빈배열
    var arr6 = new Array(1234); // ()안의 값이 배열
    for (var i = 0; i < arr.length; i++) {
        alert(arr[i]);
    }
    for ( var i in arr) {
        alert(arr[i]);
    }
    // 배열에서의 for~in문은 저장되는값이 인덱스번호가 저장이된다.
    // 값을 꺼내고싶다면 배열의 인덱스번호로 뽑아야한다.
</script>
cs



*Array.sort

자바스크립트에서의 숫자비교는 앞자리를 비교하기때문에 원하는 배열이 나오질않는다.

그래서 function내에 a-b로 배열에있는 숫자 두개를 가져와 비교한다.

양수면 앞의 값이 크고, 음수면 뒤의 값이 커서 최종정렬될때까지 비교한다.


1
2
3
4
5
6
7
8
<script>
    var myArray = [ 107239916919111 ];
    myArray.sort(function(a, b) {
        return a-b
        //리턴값이 양수 : 앞의 값이 크다. / 리턴값이 음수 : 뒤의 갚이 크다.
    });
    document.writeln(myArray);
</script>
cs



*기능들

1. concat()

인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 return


2. join("")

배열에 있는 ,를 기준으로 하나의 값마다 ""를 붙혀 이어서 쓴다.


3. push()

배열의 맨 뒤로 값을 넣는다.


4. shift()

배열의 맨 앞으로 값을 넣는다.


5. pop()

꺼내면서 삭제한다.


6. slice(a) / (a,b)

(a)인덱스부터 끝까지 가져온다.

(a,b) a인덱스부터 b인덱스까지 가져온다.





'JAVA > javascript, jQuery' 카테고리의 다른 글

JQuery(append/before/wrap)  (0) 2018.07.09
JQuery의 실행순서와 기초 속성들  (0) 2018.07.09
자바스크립트 - 객체  (0) 2018.07.04
자바스크립트 - 전역변수/지역변수  (0) 2018.07.03
자바스크립트 - try-catch  (0) 2018.07.03