배열 수정/찾기/포함여부를 알 수 있는 5가지 메서드에 대해서 알아보자!

slice/splice

slice : 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다.
splice : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.

const arrNum1 = [100, 200, 300];
const arrNum2 = [400, 500, 600];
const arrConcat = arrNum1.concat(arrNum2);


const arrSpread = [...arrNum1, ...arrNum2];

---

indexOf/LastIndexOf

indexOf : 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환해요
LastIndexOf : 주어진 값과 일치하는 부분을 fromIndex로부터 역순으로 탐색하여, 최초로 마주치는 인덱스를 반환하며, 만약 찾을 수 없을시 -1을 반환하게 되요!

const arrNum1 = [100, 200, 300];
const arrNum2 = [400, 500, 600];
const arrConcat = arrNum1.concat(arrNum2);


const arrSpread = [...arrNum1, ...arrNum2];

---

includes

includes : 배열이 특정 요소를 포함하고 있는지 판별합니다.

const arrNum1 = [100, 200, 300];
const arrNum2 = [400, 500, 600];
const arrConcat = arrNum1.concat(arrNum2);


const arrSpread = [...arrNum1, ...arrNum2];

예시보기

번호	기본값	메서드	리턴값	결과값
slice	[100,200,300,500,500]	push(600)
splice	[100,200,300,500,500]	push(600)
indexOf	[100,200,300,500,500]	push(600)
lastIndexOf	[100,200,300,500,500]	push(600)
includes	[100,200,300,500,500]	push(600)