반응형
# 자바스크립트 학습
# 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() | 엘리먼트 위치를 역순으로 바꾸어 반환 |
반응형
'인프런 강의 학습 > 자바스크립트 비기너' 카테고리의 다른 글
자바스크립트 학습 23일차 (0) | 2020.12.29 |
---|---|
자바스크립트 학습 22일차 (0) | 2020.12.28 |
자바스크립트 학습 20일차 (0) | 2020.12.25 |
자바스크립트 학습 19일차 (0) | 2020.12.24 |
자바스크립트 학습 18일차 (0) | 2020.12.23 |