메뉴 건너뛰기

조회 수 3898 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

다량의 배열 요소를 다룰때 중복데이터에 대한 처리는 생각보다 만만치가 않다.

이러한 중복값 처리에 필요한 요구가 다양하게 있겠지만, 가장 흔히 요구되는 기능 몇가지를 작성 하였다.


<script type="text/javascript">

    // 테스트용 배열 선언

    var arr1 = new Array();

    var arr2 = new Array();

    var arr3 = new Array();


    // 배열요소의 중복제거 및 오름차순 정렬(속성형)

    Array.prototype.unique = function() {

        var a = {};

        for (var i = 0; i < this.length; i++) {

            if (typeof a[this[i]] == 'undefined') {

                a[this[i]] = 1;

            }

        }

        this.length = 0;

        for (var i in a) {

            this[this.length] = i;

        }

        return this;

    };

    arr1 = [3,3,4,4,5,6,6,7,7,7,8,9,9,9,2,1,1,0]; //무작위값 할당

    alert(arr1.unique()); //결과: 0,1,2,3,4,5,6,7,8,9



    // 배열요소의 중복제거 및 오름차순 정렬(함수형)

    function uniqueArray(arr) {

        var a = {};

        for (var i = 0; i < arr.length; i++) {

            if (typeof a[arr[i]] == 'undefined') {

                a[arr[i]] = 1;

            }

        }

        arr.length = 0;

        for (var i in a) {

            arr[arr.length] = i;

        }

        return arr;

    }

    alert(uniqueArray([1,4,2,2,3,4,5,5,5,7,6,6,9,0,8,8]))//결과: 0,1,2,3,4,5,6,7,8,9



    // 배열요소의 중복만 제거해서 배열로 반환

    function uniqArr(arr) {

        var chk = [];

        for (var i = 0; i < arr.length; i++) {

            if (chk.length == 0) {

                chk.push(arr[i]);

            } else {

                var flg = true;

                for (var j = 0; j < chk.length; j++) {

                    if (chk[j] == arr[i]) {

                        flg = false;

                        break;

                    }

                }

                if (flg) {

                    chk.push(arr[i]);

                }

            }

        }

        return chk;

    }

    alert(uniqArr([9,8,8,1,1,2,2,3,4,5,5,6,7,0])); //결과: 9,8,1,2,3,4,5,6,7,0



    // 2개 이상의 배열요소에서 중복이 아닌값만 배열로 반환 array_diff(arr1, arr2, ...)

    function array_diff() {

        var args = array_diff.arguments;

        var T = args[0], arg, k, R = '', out = [];

        var d = array_diff.delim;

        for (k = 1; arg = args[k++];)

            R += arg.join(d) + d;

        for (k = 0; k < T.length; k++)

            if (R.indexOf(T[k] + d) < 0)

                out[out.length] = T[k];

        return out;

    }

    array_diff.delim = '*'; //임시 구분자 지정

    arr1 = [0,1,2,3,4,5,6,7,8,9];

    arr2 = [2,3,5];

    arr3 = [3,8,9];

    alert(array_diff(arr1, arr2, arr3)); //결과: 0,1,4,6,7



    // 응용: 새 배열을 랜덤 정렬로 생성하고 원래 배열에 연결후 중복제거
    {
        arr1 = [1,4,2,0,3,1,2,0,0,1,7,5];
        arr2 = [];

        for (var i = 0; i < 12; i++) {
            arr2[i] = i + 1;
        }
        arr2.sort(function() { return Math.random() - Math.random(); }); //랜덤정렬
        arr1 = arr1.concat(arr2); //배열 연결

        arr1 = arr1.unique(); //중복제거 및 오름차순 정렬
        alert(arr1); //결과확인
    }
</script>

  1. No Image 24Jul
    by
    2018/07/24 Views 2294 

    유용한 스크립트 모음

  2. jqgrid 이용한 그리드 활용하기

  3. No Image 20Aug
    by
    2021/08/20 Views 2360 

    날짜 계산하기 (년/월/일 더하기, 빼기)

  4. No Image 10Jan
    by
    2019/01/10 Views 2374 

    Javascript 로 초성검색하기

  5. 스마트 에디터 (네이버 에디터) 에디터 내에서 이미지 크기 줄이기.(리사이징)

  6. No Image 29Aug
    by
    2018/08/29 Views 2794 

    테이블에서 해당 열의 인덱스 값 얻는 방법

  7. 체크박스(CheckBox) 전체 선택, 전체 해제 checked

  8. No Image 28Sep
    by
    2018/09/28 Views 3252 

    JavaScript 출생년도에 따른 나이 계산 자바스크립트

  9. No Image 16Jan
    by
    2019/01/16 Views 3398 

    엑셀처럼 td 사이즈 조절하기

  10. No Image 26Mar
    by
    2021/03/26 Views 3566 

    utf-8일때 alert 한글 깨짐 해결

  11. Alert, Confirm을 모달 팝업으로 만들기

  12. No Image 27Oct
    by 조쉬
    2018/10/27 Views 3898 

    자바스크립트 배열 중복값 다루기

  13. No Image 04Jul
    by
    2018/07/04 Views 3995 

    스마트에디터(SmartEditor)에서 textarea 유효성 체크하기

  14. No Image 04Jul
    by
    2018/07/04 Views 4014 

    SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기.

  15. 다음 우편번호(주소) api 예시

  16. No Image 01Mar
    by
    2014/03/01 Views 5205 

    이메일 체크하기

  17. No Image 08Jan
    by
    2019/01/08 Views 5222 

    HTML 화면을 PDF로 출력

  18. No Image 01Mar
    by
    2014/03/01 Views 5238 

    이미지나 태그정렬이 안맞을때 absmiddle

  19. No Image 11Sep
    by
    2016/09/11 Views 5266 

    디자이너를 위한 레이어 탭 더 빠르게 만들기

  20. No Image 01Mar
    by
    2014/03/01 Views 5292 

    영문, 숫자, 한글, 이메일 체크 하는 함수

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved