[Java Script] 배열과 인덱스, 요소 삽입 & 삭제

배열이란(Array)

인덱스로 참조되는 정렬된 값의 집합, 즉 순서가 있는 값들의 집합

 

배열 생성 방법

• 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법
• Array() 생성자 함수로 배열을 생성하는 방법

// 배열 생성 방법 1
let arr = []
arr[0] = 'first';
arr[1] = 'second';

//배열 생성 방법 2 (선언과 생성을 동시에 수행)
let arr = [
	'first',
    'second',
    'third',
 ];
 
 //배열 생성 방법 3
 let arr = new Array();
 arr[0] = 'first';
 arr[1] = 'second';

---

- 배열에는 순서를 알려주는 값이 메겨진다. 이 갑을 인덱스(index)라고 부르고, 이 인덱스는 객체와 비교했을 때 porpertName의 역할을 수행한다. 

- 위 코드에서 'frist' , 'second' 의 값들은 배열의 요소(element)

- 인덱싱(indexing) = 인덱스를 통해서 요소에 접근하는 것

배열이름[index] = 값

---

배열에 요소 삽입 혹은 수정

- 값이 없는 인덱스에 접근하게 되면 undefined 출력 

arr = ['a','b','c'];
console.log(arr[4]);  // undefined 출력

 

- 값이 있는 인덱스에 접근하게 되면 해당 인덱스의 요소 출력

console.log(arr[0]); // a 출력

 

- 배열의 index는 0부터 시작 : 0번째 index가 배열의 첫 번째 요소에 접근

- 이를 통해 삽입과 수정을 수행 

arr[0] = 'A'; //수정 
arr[4] = 'd'; //삽입

---

배열의 요소 삭제

- 배열 요소의 삭제 수행 delete

delete arr[4];  //배열 요소 삭제

 

 

주의 할 점! 

- 요소만 삭제될 뿐 arr[4]는 삭제되지 않음! 

위 코드의 배열 arr 를 출력했을 때 결과는 ['A', 'b', 'c',  undefined ] 이다.

---

제대로 삭제하기 위해서 splice 사용

- splice(startindex, deleteItem, item);

startindex = 삭제를 시작할 인덱스 위치

deleteitem = 삭제 인덱스 부터 삭제할 요소 개수

item = 삭제하고 난 후 그 위치에 삽입할 요소

arr = [ 1, 2, 3, 4, 5];
splice(3);  // arr = [1, 2, 3]
spiice(1); // arr = [1]
splice(1,1); // arr= [1, 3, 4, 5]
splice(1,1,'6','7'); // arr = [1, 6, 7, 3, 4, 5]

 

deleteItem이 0이라면 삭제하지 않고 요소 추가 가능!