Javascript : 배열(Array) 에 대한 설명

배열(Array)

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

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

 

배열을 만드는 방법 

 

1. 대괄호[ ]를 사용하여 만드는 방법

// 빈 배열 생성

let arr = [];	

arr[0] = 'apple';
arr[1] = 'orange';
arr[2] = 'banana';

for (let i = 0; i < arr.length; i++) {
	console.log(arr[i]);
}

// 초기값 할당 배열 생성

let arr = ['apple', 'orange', 'banana'];

for (let i = 0; i < arr.length; i++) {
	console.log(arr[i]);
}

// 배열크기 지정후 생성

let arr = [,,,,,];			// 쉼표 개수만큼 크기가 지정된다.

for (let i = 0; i < arr.length; i++){
	console.log(arr[i]);
}
// 배열에 값이 할당되지 않았기 떄문에 undefined을 5번 출력한다.

 

2.  Array()생성자 함수로 배열을 생성하는 방법

// 빈 배열 생성

let arr = new Array();	

arr[0] = 'apple';
arr[1] = 'orange';
arr[2] = 'banana';

for (let i = 0; i < arr.length; i++) {
	console.log(arr[i]);
}

// 초기값 할당 배열 생성

let arr = new Array('apple', 'orange', 'banana');

for (let i = 0; i < arr.length; i++) {
	console.log(arr[i]);
}

// 배열크기 지정후 생성

let arr = new Array(5);			// 숫자만큼 크기가 지정된다.

for (let i = 0; i < arr.length; i++){
	console.log(arr[i]);
}
// 배열에 값이 할당되지 않았기 떄문에 undefined을 5번 출력한다.

 

---

 

배열 요소(Element) 추가하기

 

1. 배열의 끝에 요소를 추가하는 방법(1) : push()

let arr = ['a','b','c'];
arr.push('d');

// arr = ['a','b','c','d']

2. 배열의 끝에 요소를 추가하는 방법(2) : 배열이름[배열이름.length]

let arr = ['a', 'b', 'c']
arr[arr.length] = 'd'

// arr = ['a','b','c','d']

3. 배열의 맨 앞에 요소를 추가하는 방법 : unshift()

let arr = ['a', 'b', 'c']
arr.unshift = ('d')

// arr = ['d','a','b','c']

4. 지정한 위치에 요소를 추가하는 방법 : 배열이름[n]

let arr = ['a', 'b', 'c']
arr[5] = 'd'

// arr = ['a', 'b', 'c', undefined, undefined 'd']

5. 지정한 위치에 요소를 추가하는 방법 : splice('위치값n',0,'요소')

let arr = ['a', 'b', 'c'];
arr.splice(1, 0, 'd');

// arr = ['a', 'd', 'b', 'c']

6. 지정한 위치에 하나 이상의 요소를 추가하는 방법 : splice('위치값n',0,'요소1,'요소2',...)

let arr = ['a', 'b', 'c'];
arr.splice(2, 0, 'd', 'e', 'f');

// arr = ['a', 'b', 'd', 'e', 'f', 'c']

 

---

 

배열 요소(Element) 제거 하기

 

1. 배열의 마지막 요소를 제거하는방밥(1) : pop()

let arr = ['a', 'b', 'c', 'd', 'e'];
arr.pop();

// arr = ['a', 'b', 'c', 'd']

2. 배열의 마지막 요소를 제거하는 방법(2) : 배열이름.length-1

let arr = ['a', 'b', 'c', 'd', 'e'];
arr.length = arr.length -1;

// arr = ['a', 'b', 'c', 'd']

3. 배열의 첫번째 요소를 제거하는 방법 : shift()

let arr = ['a', 'b', 'c', 'd', 'e'];
arr.shift();

// arr = ['b', 'c', 'd', 'e']

4. 지정한 위치에 있는 요소(n개)를 제거하는 방법 : splice('위치값n','제거할 요소의 갯수')

let arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(1, 1); // index[1] 부터 1개의 요소('b')를 제거. 

// arr = ['a', 'c', 'd', 'e']


let arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(1, 2); // index[1] 부터 2개의 요소('b','c')를 제거. 

// arr = ['a', 'd', 'e']

5. 지정한 위치에 있는 요소(n개)를 제거하고 요소를 추가하는 방법 : splice('위치값n','제거할 요소의 갯수','요소1','요소2'...)

let arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(1, 2, 'f', 'g', 'h'); // index[1] 부터 2개의 요소('b','c')를 제거. 

// arr = ['a', 'f', 'g', 'h', 'd', 'e']

6. 배열의 요소는 그대로 두고 값만 삭제하는 방법 : delete

let arr = ['a', 'b', 'c', 'd', 'e'];
delete arr[1];

// arr = ['a', undefined, 'c', 'd', 'e']