> 웹 프론트엔드 > 프런트엔드 Q&A > jquery 중복 값 제거

jquery 중복 값 제거

王林
풀어 주다: 2023-05-12 10:05:36
원래의
1140명이 탐색했습니다.

웹페이지를 개발하다 보면 중복된 값을 삭제해야 하는 상황이 불가피하게 발생하게 됩니다. 예를 들어 드롭다운 메뉴에서 중복된 옵션은 삭제해야 하며 하나만 남습니다. 이때 jQuery를 사용하여 이 문제를 해결할 수 있습니다.

jQuery는 HTML 문서 탐색 및 조작, 이벤트 처리, 애니메이션 효과 등을 단순화하는 빠르고 간결한 JavaScript 라이브러리입니다. 중복된 값을 제거하는 방법을 포함하여 jQuery에는 유용한 함수와 방법이 많이 있습니다.

아래에서는 중복 값을 삭제하는 데 일반적으로 사용되는 두 가지 방법을 소개합니다.

방법 1: 배열의 filter() 메서드를 사용합니다.

filter() 메서드는 jQuery 배열 개체에서 일반적으로 사용되는 메서드로, 배열 요소를 필터링하고 필터링된 새 배열을 반환하는 데 사용됩니다.

  1. 중복 값을 포함하는 배열 arr 만들기

var arr = ['a', 'b', 'c', 'a', 'd', 'c'];

  1. jQuery의 grep() 사용 중복 값을 제거하는 방법

var newArr = jQuery.grep(arr, function (item, index) {

return jQuery.inArray(item, arr) === index;
로그인 후 복사

});

  1. 출력 결과 인쇄

console.log(newArr); 'a', 'b', 'c', 'd']

방법 2: JavaScript의 Array.from() 메서드 및 개체 설정 사용

Array.from() 메서드는 ES6의 새로운 기능입니다. 배열 유사 객체 또는 반복 가능한 객체를 배열 객체로 변환합니다. 동시에, 중복을 제거하는 데 사용할 수 있는 순서가 없고 고유한 컬렉션인 Set 개체도 ES6에 새로 추가되었습니다.

  1. 중복 값을 포함하는 배열 arr 만들기

var arr = ['a', 'b', 'c', 'a', 'd', 'c'];

  1. Array.from 사용( ) 메소드는 배열을 Set 객체로 변환한 다음 Set 객체를 배열로 변환합니다

var newArr = Array.from(new Set(arr));

  1. 출력 결과를 인쇄합니다

console.log( newArr) ; // ['a', 'b', 'c', 'd']

Summary

위에서는 배열의 중복 값을 삭제하는 데 일반적으로 사용되는 두 가지 방법, 즉 필터( ) 배열의 메소드 및 ES6 표준의 새로운 Array.from() 메소드 및 Set 객체를 사용합니다. 실제 개발에서는 특정 상황에 따라 자신에게 맞는 방법을 선택하여 문제를 해결할 수 있습니다.

위 내용은 jquery 중복 값 제거의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿