[JavaScript] slice를 이용한 배열의 원소 교체

기존 원소의 위치가 바뀌지 않게 교체 한다.

 

 

1. 원소의 위치 구하기 (Index)

const food = ["pizza", "mango", "kimhi", "kimbaba"];

const targetIndex = food.findIndex((food) => food === "mango");

 

 

2. 배열을 두 부분으로 나누기

앞 부분은 “mango”(타겟 원소) 이전의 모든 원소를 담은 배열, 뒷 부분은 이후 원소의 배열.

const front = food.slice(0, targetIndex);
const back = food.slice(targetIndex + 1);

// mango => 감 교체
const finalPart = [...front, "감", ...back];

• “ …배열명 ”  : 배열 안에 있는 모든 원소를 풀어 놓는다는 의미