JS-slice와 splice

💭slice

배열 내의 특정 요소의 index범위에 따라 새로운 배열을 리턴합니다
slice 메서드는 원본 배열을 변형하지 않습니다(기존배열을 변경하지 않는다)
따라서 slice메서드를 사용 할 때는 새로운 변수를 선언해주어야 한다

위의 그림에는 인자 2개가 들어갔지만 필요에 따라 인자를 최소 1개만 쓸 수도 있다

let nums = [1,2,3,4,5]
let nums_new = nums.slice(1,4)

console.log(nums) // [ 1, 2, 3, 4, 5 ]
console.log(nums_new) // [ 2, 3, 4 ]

첫번째 인자에 음수가 들어가는 경우도 있습니다
음수가 들어갈 경우 끝에서부터 해당하는 숫자만큼의 요소를 배열에 담아 리턴

//예제1)
let nums = [1,2,3,4,5]
let nums_new = nums.slice(-2)

console.log(nums) // [ 1, 2, 3, 4, 5 ]
console.log(nums_new) // [ 4, 5 ]

//예제2)
function saveNumberTwo(prisoners) {
  
  let temp = prisoners.slice(-2) 
  // slice 메서드의 괄호 안에 음수만 넣어주세요
  let answer=temp[0][1];
  // 변수 answer에 특정한 값을 대입해주세요.
  
  return answer;
}

console.log(saveNumberTwo([[0, 1],[1,2],[0,0]])) //2

💭splice

배열 내의 특정한 요소를 삭제하거나, 다른 요소로 대치하거나 새로운 요소를 추가할 때 시용합니다.(기존의 배열을 변경한다)

위의 그림에는 인자 3개가 들어갔지만 필요에 따라 인자를 최소 1개만 쓸 수도 있다

.splice(시작점,개수,아이템)
1)배열의 index의 시작점
2)삭제할 요소의 개수
3)추가하고 싶은 요소

.splice(시작점,개수)
1)시작점부터 개수만큼 실제 배열에서 아이템 제거
2)기존의 배열이 잘림

let num = [1,2,3,4,5];
num.splice(2,1,10);

console.log(num); // [ 1, 2, 10, 4, 5 ]