select.remove() 메소드의 동작은 수수께끼입니다.

Question

그래서 저는 AgilePoint에서 JavaScript로 작업합니다. 드롭다운 메뉴에서 특정 옵션을 제거하는 기능을 구현했는데 최종 결과가 매우 이상합니다. 샘플 코드는 다음과 같습니다. 여기에 이미지 설명을 입력하세요

여기서는 간단한 조건을 설정했습니다. 조건이 true이면 첫 번째 옵션, 세 번째, 네 번째 옵션을 제거하겠습니다. 그러나 결국 첫 번째와 네 번째 옵션만 제거되고 세 번째 옵션은 그대로 남아 있습니다. 여기에 이미지 설명을 입력하세요

마지막 옵션도 제거해야 하는데 왜 두 번째 줄을 무시하는지 모르겠습니다.

Answer 1

그 이유는 다음 코드를 실행하여 0번째 요소를 제거하는 경우입니다.

으아악

2번째와 3번째 요소는 더 이상 2번째와 3번째 요소가 아니고, 0번째 요소가 제거되었기 때문에 1번째와 2번째 요소가 됩니다.

빠른 해결책은 가장 큰 인덱스에서 가장 작은 인덱스로 제거하는 것입니다.

으아악