웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > jquery

제이쿼리 배열 unique 고유의 값만 가지는 방법

Last Modified : 2017-11-30 / Created : 2017-11-23
13,007
View Count
자바스크립트 배열의 값이 여러개이고 만약 고유한 값, 즉 똑같은 값이 존재하지 않게하려면 어떻게 할까요?


# 제이쿼리를 사용하여 배열 유니크한 값만 가지기

배열값 중 중복되는 값을 제거하는 방법은 다양합니다. 제이쿼리(jQuery)에서도 배열값 중 중복되는 값들을 간단하게 제거해주는데 이때 unique() 메소드를 사용할 수 있죠.

$.unique(array)

사용방법은 위와같이 간단합니다. 그럼 아래에서 예제를 통해 알아보세요.


# 제이쿼리 사용 배열 중복값 제거 예제보기

만약 변수 myArray가 다음과 같이 존재할 경우 동일한 값, 중복된 값을 제거하기위해 위 메소드를 사용해보겠습니다.
myArray = [ 1, 2, 3, 2, 1 ];
// 중복된 값 1, 2를 제외해야함

var result = $.unique(myArray);
console.log(result)

unique() 메소드를 사용한 결과는 아래와 같습니다.
[ 1, 2, 3 ]

결과를 보니 중복된 값은 제거되어 고유값만 반환되었습니다. 참고로 이 외에도 여러가지 방법들이 존재합니다.


# 마치면서

이처럼 중복된 값을 제외한 unique값을 쉽게 얻을 수 있습니다. 제이쿼리를 사용하는 경우 이 방법을 사용하면 매우 편리하므로 알아두세요!

Previous

jQuery 전체 클래스를 제거하고 다시 추가하는 toggleClass() 방법

Previous

jQuery 페이지 최상단 top으로 이동하는 버튼 만들기, 스크롤 이동