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

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

王林
王林원래의
2023-05-25 12:06:371174검색

개발 과정에서 어레이 작업이 필요한 경우가 많습니다. 배열에서 지정된 값을 삭제하는 것은 일반적인 요구 사항입니다. 이 기사에서는 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으로 문의하세요.