반응형

# 자바스크립트 학습

# Array 오브젝트(ES3)

## Array 오브젝트 개요

  • 빌트인 오브젝트 즉, 이미 만들어져있는 것
  • Array(배열) 형태
[123, "ABC", "가나다"]
대괄호 안에 콤마로 구분하여 값을 작성
  • 배열 엘리먼트(Element)
[123, "ABC"] 에서 123, "ABC" 각각을 엘리먼트 or 요소라고 부른다.
배열 안에 작성할 수 있는 엘리먼트의 수는 2의 32승-1개
  • 인덱스(Index) : 엘리먼트 위치를 인덱스라고 부른다. 왼쪽부터 0번 인덱스, 다음이 1번 인덱스이다.
  • 배열의 특징
엘리먼트 작성이 순서를 갖고 있다.
배열 전체를 작성한 순서로 읽거나 인덱스로 값을 추출할 수 있다.

## 배열 생성 방법

  • new Array()로 생성한다.
var book = new Array();
  • Array()로 생성한다.
var book = Array();
  • 대괄호로 생성
var book = [];

일반적으로 이 형태를 사용한다.

## 엘리먼트 작성 방법

  • var book = ["책1", "책2"];
  • 대괄호 안에 콤마로 구분하여 다수를 작성 할 수 있다.
  • String 타입은 큰 따옴표, 작은 따옴표 모두 사용 가능하다.
  • 자바스크립트의 모든 타입의 값, 오브젝트 사용이 가능하다.
  • 값을 작성하지 않고 콤마만 작성하면 undefined가 설정된다. (값을 정의하지 않았다. 값을 작성하지 않았다.)

## 배열 차원

  • 1차원 배열
대괄호 하나에 엘리먼트 작성
[12, 34, 56] 형태
var list = [12, 34, 56];

for ( var k = 0; k < list.length; k++ ) {
	log(list[k]);
};

=>
12
34
56
  • 2차원 배열
배열 안에 1차원 배열을 작성
[[12, 34, 56]]
var list = [[12, 34, 56]];

for (var k = 0; k < list.length; k++ ) {
	var one = list[k];
    
    for (var m = 0; m < one.length; m++ ) {
    	log(one[m]);
    };
    
};

=>
12
34
56
  • 3차원 밸열
배열 안에 2차원 배열을 작성
[[[12, 34, 56]]]
var list = [[12, 34, 56]];

for (var k = 0; k < list.length; k++ ) {
	
    var one = list[k];  
    for (var m = 0; m < one.length; m++ ) {
    	
        var two = one[m];
        for (var p = 0; p < two.length; p++) {
    		log(two[p]);    
        };
   
   	};
   
};

=>
12
34
56

 

# Array 오브젝트 프로퍼티(ES3)

## ES3 기준의 프로퍼티 리스트

이름 개요
new Array() 인스턴스 생성
Array() 인스턴스 생성
Array 프로퍼티
length 배열의 엘리먼트 수 반환
Array.prototype
constructor 생성자
unshift() 배열 처음에 엘리먼트 삽입
push() 배열 끝에 엘리먼트 첨부
concat() 배열 끝에 값을 연결
slice() 인덱스 범위의 엘리먼트를 복사
join() 엘리먼트와 분리자를 결합하여 반환
toString() 엘리먼트를 문자열로 연결하여 반환
toLocaleString() 엘리먼트를 지역화 문자로 변환하고 문자열로 연결하여 반환
shift() 첫 번째 엘리먼트를 삭제하고 삭제한 엘리먼트 반환
pop() 마지막 엘리먼트를 삭제하고 삭제한 엘리먼트 반환
splice() 엘리먼트를 삭제하고 새로운 엘리먼트를 삽입,
삭제한 엘리먼트 반환
sort() 엘리먼트 값을 Unicode 순서로 분류하여 반환
reverse() 엘리먼트 위치를 역순으로 바꾸어 반환

 

반응형

+ Recent posts