자바스크립트 - 객체 배열 중간에 새로운 객체 추가하기 or 업데이트하기.

객체 배열 중간에 새로운 객체 추가하기 or 업데이트하는 데는 다음과 같은 방법이 있다.

다음과 같은 객체배열이 있다고 할 때,

	let mastery = [
    { username : "어쩌구", index : 1 },
    { ... },
    { ... },
    { ... },
    ]

우선 수정할 부분을 찾아 낸 후,

const isChamp = mastery.filter((chap: any) => chap.chap === Me?.championName);

index를 이용하여 배열에서 수정할 부분만 교체 및 추가를 할 수 있다.

	const prev = mastery.slice(0, isChamp[0]?.index - 1);
    const newObj = { ...isChamp[0], kda: (Me?.challenges?.kda) };
    const next = mastery.slice(isChamp[0]?.index);
    
    mastery = [...prev, newObj, ...next]