웹 프론트엔드 프런트엔드 Q&A jquery는 배열에서 지정된 값을 삭제합니다.

jquery는 배열에서 지정된 값을 삭제합니다.

May 25, 2023 pm 12:06 PM

개발 과정에서 어레이 작업이 필요한 경우가 많습니다. 배열에서 지정된 값을 삭제하는 것은 일반적인 요구 사항입니다. 이 기사에서는 jQuery를 사용하여 배열의 지정된 값을 삭제하는 방법을 소개합니다.

먼저 배열을 준비해야 합니다.

var arr = [1, 2, 3, 4, 5];
로그인 후 복사

다음으로 지정된 값을 삭제하는 함수를 정의해야 합니다.

function deleteValue(arr, value) {
  while ($.inArray(value, arr) !== -1) {
    arr.splice($.inArray(value, arr), 1);
  }
  return arr;
}
로그인 후 복사

이 함수의 논리는 먼저 $.inArray() 함수를 사용합니다. jQuery에서 배열의 지정된 값 위치를 찾습니다. 값이 발견되면 splice() 함수를 사용하여 배열에서 제거됩니다. 마지막으로 삭제된 배열이 반환됩니다.

다음으로 deleteValue() 함수를 호출하여 배열에서 지정된 값을 삭제할 수 있습니다.

var arr = [1, 2, 3, 4, 5];
arr = deleteValue(arr, 3); // 删除数组中的值为3的元素
console.log(arr); // 输出 [1, 2, 4, 5]
로그인 후 복사

코드가 실행된 후 출력 결과는 [1, 2, 4, 5]이며, 이는 함수가 성공적으로 삭제되었음을 나타냅니다. 배열 요소 3의 값이 삭제됩니다.

사용자 정의 함수를 사용하는 것 외에도 jQuery의 $.grep() 함수를 사용하여 배열에서 지정된 값을 삭제할 수도 있습니다.

var arr = [1, 2, 3, 4, 5];
arr = $.grep(arr, function(value) {
  return value !== 3;
});
console.log(arr); // 输出 [1, 2, 4, 5]
로그인 후 복사

이 함수의 논리도 매우 간단합니다. 먼저 $. grep() 함수 배열에서 지정된 값과 동일하지 않은 요소를 필터링하고 마지막으로 필터링된 배열을 반환합니다.

단, $.grep() 함수로 필터링한 배열은 원래 배열을 변경하지 않고 새로운 배열을 반환하므로 원래 배열 변수에 할당해야 한다는 점에 유의해야 합니다.

요약하자면, 이 글에서는 jQuery를 사용하여 배열에서 지정된 값을 삭제하는 방법을 소개합니다. jQuery에서 사용자 정의 함수를 사용하든 $.grep() 함수를 사용하든 매우 간단하고 이해하기 쉬우며 배열 작업에 매우 실용적인 기술입니다.

위 내용은 jquery는 배열에서 지정된 값을 삭제합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

게으른 하중의 개념을 설명하십시오. 게으른 하중의 개념을 설명하십시오. Mar 13, 2025 pm 07:47 PM

게으른 하중의 개념을 설명하십시오.

React Reconciliation 알고리즘은 어떻게 작동합니까? React Reconciliation 알고리즘은 어떻게 작동합니까? Mar 18, 2025 pm 01:58 PM

React Reconciliation 알고리즘은 어떻게 작동합니까?

useeffect 란 무엇입니까? 부작용을 수행하는 데 어떻게 사용합니까? useeffect 란 무엇입니까? 부작용을 수행하는 데 어떻게 사용합니까? Mar 19, 2025 pm 03:58 PM

useeffect 란 무엇입니까? 부작용을 수행하는 데 어떻게 사용합니까?

카레는 JavaScript에서 어떻게 작동하며 그 이점은 무엇입니까? 카레는 JavaScript에서 어떻게 작동하며 그 이점은 무엇입니까? Mar 18, 2025 pm 01:45 PM

카레는 JavaScript에서 어떻게 작동하며 그 이점은 무엇입니까?

JavaScript의 고차 기능은 무엇이며 어떻게 간결하고 재사용 가능한 코드를 작성하는 데 어떻게 사용할 수 있습니까? JavaScript의 고차 기능은 무엇이며 어떻게 간결하고 재사용 가능한 코드를 작성하는 데 어떻게 사용할 수 있습니까? Mar 18, 2025 pm 01:44 PM

JavaScript의 고차 기능은 무엇이며 어떻게 간결하고 재사용 가능한 코드를 작성하는 데 어떻게 사용할 수 있습니까?

각 라이프 사이클 방법의 목적과 사용 사례를 설명하십시오. 각 라이프 사이클 방법의 목적과 사용 사례를 설명하십시오. Mar 19, 2025 pm 01:46 PM

각 라이프 사이클 방법의 목적과 사용 사례를 설명하십시오.

React의 성능 최적화 기술 (메모 화, 코드 분할, 게으른로드)은 무엇입니까? React의 성능 최적화 기술 (메모 화, 코드 분할, 게으른로드)은 무엇입니까? Mar 18, 2025 pm 01:57 PM

React의 성능 최적화 기술 (메모 화, 코드 분할, 게으른로드)은 무엇입니까?

usecontext는 무엇입니까? 구성 요소간에 상태를 공유하는 데 어떻게 사용합니까? usecontext는 무엇입니까? 구성 요소간에 상태를 공유하는 데 어떻게 사용합니까? Mar 19, 2025 pm 03:59 PM

usecontext는 무엇입니까? 구성 요소간에 상태를 공유하는 데 어떻게 사용합니까?

See all articles