1. 배열(array)

var 이름 = [요소(index=0), 요소(index=1), ...]

  - 배열(array)은 이름과 인덱스로 참조되는 정렬된 값을 집합으로 정의된다.

  - 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다.

  - 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 요소끼리의 타입이 서로 다를 수도 있다.

  - 배열 요소의 인덱스가 연속적이지 않아도 되므로, 특정 배열 요소가 비어 있을 수가 있다.

 

2. 배열의 생성

2-1 배열 리터럴 

var arr = [요소1, 요소2];

 

2-2 array 객체의 생성자 이용

var arr = Array(요소1, 요소2)

 

2-3 new 연산자를 이용한 array 객체 생성

var arr = new Array(요소1, 요소2)

 

3. 배열의 길이 선언

var arr = [1,2,3,5,8,9,10];

console.log(arr.length); //배열이름.length

  - 배열의 길이는 배열 요소의 개수이며, length 프로퍼티에 자동으로 갱신된다.

  - 배열이름.length를 입력하면 배열의 길이를 확인할 수 있다.

 

4. 배열의 참조

var arr = [1,2,3,5,8,9,10];

console.log(arr[0]); //1

  - 자바스크립트에서 인덱스는 0부터 시작한다.

 

5. 배열 요소의 추가

5-1 push() 메소드 이용

var arr = [1,2]; // 1,2
arr.push(3); //push() 메소드를 이용하여 3추가

console.log(arr); //1,2,3

 

5-2 length 프로퍼티를 이용

var arr = [1,2]; // 1,2
arr[arr.length] = 3; //length 프로퍼티를 이용하여 3추가

console.log(arr); //1,2,3

 

5-3 특정 인덱스 지정하여 추가

var arr = [1,2]; // 1,2
arr[5] = 6; //5번 인덱스에 6추가

console.log(arr.length); //배열 길이 = 6
console.log(arr); //1,2,"","","",6

  - 배열 요소가 없는 부분을 홀(hole)이라고 한다.

  - 홀은 undefined 값을 반환한다.

 

6. 배열 요소의 타입 확인

var arr = [1,"string",true]; 

console.log(typeof arr); //object
console.log(typeof arr[0]); //number
console.log(typeof arr[1]); // string
console.log(typeof arr[2]); //boolean

- typeof 배열이름[인덱스]를 입력하면 해당 배열 요소의 타입을 확인할 수 있다.

 

7. 희소 배열

var arr = new Array(); //빈 배열 객체 생성

arr[49] = 50 //50번째 위치에 숫자 삽입
console.log(arr.length); // 배열의 길이는 50이다.

  - 배열에 속한 요소의 위치가 연속적이지 않은 배열을 의미한다.

 

8. 다차원 배열

var arr = new Array(3); //3개의 요소를 가지는 배열 생성
for (var i = 0; i < 3; i++){
    arr[i] = new Array(3); // 3개의 요소를 가지는 배열 생성
    for(var j = 0; j < 4; j++){
        arr[i][j] = i + "," + j
        console.log(arr[i][j]);
    }
}

  - 반복문을 이용하여 다차원 배열을 만들 수 있다.

'FrontEnd > Javascript' 카테고리의 다른 글

[Javascript] this 키워드, 객체의 프로퍼티 삭제  (0) 2021.08.09
[Javascript] 함수(function)  (0) 2021.08.07
[Javascript] 객체  (0) 2021.08.04
[Javascript] 반복문  (0) 2021.08.04
[Javascript] 조건문  (0) 2021.08.04