자바스크립트의 배열 메소드를 알아보자.

---

1. splice

배열의 기존 요소를 삭제/교체/추가할 때 사용한다.
즉 splice를 사용해 push/pop/unshift/shift 역할을 다 할 수 있다.

구조:

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

• strat : 배열의 변경을 시작할 요소의 인덱스이다. 음수일 경우 배열의 끝에서부터 계산한다.

• deleteCount : 배열에서 제거할 요소의 개수이다. 이 값을 생략하면 start부터 모든 요소를 삭제한다.

• item : 배열에 추가할 요소이다.
  
  

• 예시)

let array = [1, 2, 3, 4];

array.splice(1, 1, 10);
// 결과 : [1, 10, 3, 4]

정리하면 배열에서 조작하고 싶은 요소의 인덱스를 입력하고, 몇 개를 삭제하고 싶은지 입력하고, 무엇을 추가할지 입력하면 된다.

가장 많이 쓰는 메소드 중 하나이다.

---

2. slice

배열의 특정한 부분을 리턴한다.

구조 :

array.slice(시작 인덱스, 끝 인덱스);

예시 :

const array = [1, 2, 3, 4, 5];

const a = array.slice(1, 3);
console.log(a); // [2, 3, 4]

• slice와 splice
  slice는 원래 배열에 변화가 없다.
  splice는 원래 배열을 변화시킨다.

---

3. split

문자열을 특정 구분자 기준으로 잘라서 각 문자열을 배열에 담는다.

구조 :

string.split(구분자, 최대 구분 개수);

예시 :

const str = '1, 2, 3';

const array = str.split(", ", 2);
console.log(array); // [1, 2]

string인 str을 ,를 기준으로 나눠 배열에 담기 위해 split을 사용했다. 최대 구분 개수를 2개로 설정했기 때문에 '1, 2' 2개만 담는다.

4. join

위의 split과 반대로 배열을 하나의 문자열로 반환한다.

구조 :

string.join(구분자);

예시 :

const array = [1, 2, 3, 4];

const string = array.join("-");
console.log(string); // 1-2-3-4

구분자 생략시 ,로 구분

---