split, slice, splice 메소드

🍫 split

• 전달인자로 들어가는 string을 기준으로 끊어 배열에 담아주고 그 배열을 리턴해줌.
• 변수.split('구분자')

let name = "Kim-Tae-Ro";

name.split('-');
// ["Kim", "Tae", "Ro"] 배열형태로 return 함
// 변수 name은 바뀌지 않음.

🍫 slice

• array.slice(begin,end)
• 어떤 배열의 begin부터 end까지(end 미포함)에 대한 배열 복사본 반환
• 원본 배열 변하지 않음

let name = ['Kim', 'Tae', 'Ro', 'Hi', 'Hello'];

name.slice(0,2);
// ['Kim', 'Tae']

name.slice(2);
// ['Ro', 'Hi', 'Hello'];

name.slice(-2);   // 음수는 배열의 마지막 값을 -1로 침
// ['Hi', 'Hello']

name.slice(1,-1);
// ['Tae', 'Ro', 'Hi']

🍫 splice

• array.splice(start,deleteCount,newItem)
• 원본 배열을 변경시킴
  // 원본배열을 변경시키는 건 mutator method 혹은 mutuable method라고 부름
• 배열에서 splice된 항목들을 새로운 배열에 담을 수 있음
• start : 배열의 변경을 시작할 인덱스
• deleteCount : 배열에서 제거할 요소의 수,
  생략하거나 array.length-start인덱스 값보다 큰 경우 지정한 start 인덱스부터 끝까지 모두 제거
• newItem : 지정하면, 삭제된 부분에 newItem 추가, 지정안하면 splice()는 요소 제거만 수행

let name = ['Kim', 'Tae', 'Ro', 'Hi', 'Hello'];

name.splice(0,2); // ['Kim', 'Tae']
// name = ['Ro', 'Hi', 'Hello']

name.splice(3,1,'Hey'); // ['Hi']
// name = ['Kim', 'Tae', 'Ro', 'Hey', 'Hello'] 

name.splice(2);   // ['Ro', 'Hi', 'Hello']
// ['Kim', 'Tae']

name.splice(1,2,'a','b','c');  ['Tae', 'Ro']
// ['Kim', 'a', 'b', 'c' , 'Hi', 'Hello'];