Java Script - splice - 배열 인덱스로 특정 요소 수정하기

Array 객체의 메소드 splice는 특정 위치의 요소를 샂게하거나 수정할 수 있다.

 

배열.splice(시작 인덱스, 삭제할 요소의 개수, 추가될 요소들 ...)

 

첫 번째 인자인 시작 인덱스는 배열 요소가 변경될 시작 지점입니다. 

splice는 측정 위치의 요소를 지정하는 것이 필수이므로 반드시 첫 번째 인자값은 배열 길이보다 작아야 유효한다

 

두 번째 인자인 삭제할 요소의 개수는 시작인덱스의 위치부터 삭제하고자 하는 개수만큼 요소를 제거한다.

이때 해당 요소가 제거됨과 동시에 메소드 호출 결과로 값을 반환한다.

 

세 번째 인자에 추가될 요소들을 지정하면, 시작 인덱스부터 해당 요소들이 추가된다.

 

const fruits const fruits = ['melon', 'lemon', 'source', 'apple', 'juice'];

fruits.splice(4, 1);

fruits.splice(4, 0, 'grape');

fruits.splice(2, 1, 'mandarin', 'strawberry', 'watermelon');

console.log(fruits);

 

변수 fruits에 배열 리터럴을 할당하여 선언한다.

이 배열의 내부 요소에는 문자열들이 있는데, 과일과 과일이 아닌 종류들이 섞여있다

 

splice(4, 1)를 실행하면 과일이 아닌 juice 문자열이 추출된다

 

splice(4, 0, 'grape')는 삭제할 개수를 지정하지 않아 추출되는 요소가 없다

그러나 세 번째 인자로 인해 시작 인덱스에 'grape' 문자열이 추가된다

 

결과

[ 'melon', 'lemon',  'mandarin', 'strawberry', 'watermelon', 'apple', 'juice']