JavaScript 배열에서 요소를 쉽게 추가하고 제거하는 방법

이 게시물에서는 javaScript 배열의 모든 인덱스에서 요소를 추가하고 제거하는 매우 유용한 방법에 대해 논의하고 싶습니다.
push , pop , unshift 및 shift 에 익숙할 것입니다. 배열의 처음이나 끝에서 요소를 추가하고 제거하려는 경우 확실히 유용합니다.

그러나 임의의 위치에서 배열 요소를 삽입하고 제거해야 하는 다양한 시나리오가 있습니다.

이것은 추위를 외울 가치가 있습니다!

일련의 동물부터 시작하겠습니다...

const animals = ['😺' , '🙉' , '🧞','🦊', '🦁', '🐯', '🐵'];

기다리다! 인덱스 2의 목록에 지니가 있습니다. 어떻게 거기에 몰래 들어갔는지 모르겠습니다 😂. 계속해서 해당 배열 요소를 제거하겠습니다.

const genieIndex = 2;

animals.splice(genieIndex,1);

console.log(animals);
// => ['😺' , '🙉' ,'🦊', '🦁', '🐯', '🐵'];

splice(index,1)는 index에 있는 배열 요소를 제거합니다. 매우 간단합니다.

이제 🐶가 소외된 느낌이므로 index의 배열에 2와 동일하게 추가해 보겠습니다.

다시, splice array 방법을 사용할 수 있습니다.

const index = 2;

animals.splice(index, 0,'🐶');

console.log(animals);
// => ['😺' , '🙉' ,'🐶','🦊', '🦁', '🐯', '🐵'];

splice(index, 0,'🐶')는 index 위치에 개 이모티콘을 삽입합니다.

이제 splice 로 수행할 수 있는 보다 정교한 배열 조작이 있습니다. 그러나 splice 로 배열 요소를 추가하고 제거하는 방법을 기억하는 것부터 시작하십시오. 당신은 나중에 나에게 감사합니다!

이 기사가 마음에 드셨다면 제 블로그를 확인해주세요.
Indepth JavaScript 더 많은 조명
콘텐츠.