메뉴 건너뛰기

조회 수 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. JavaScript 출생년도에 따른 나이 계산 자바스크립트

    Date2018.09.28 Views3252
    Read More
  2. 자바스크립트 배열 중복값 다루기

    Date2018.10.27 Views3898
    Read More
  3. 자바스크립트 urlencode(), urldecode(), rawurlencode(), rawurldecode()

    Date2018.10.27 Views1913
    Read More
  4. jQuery 엘리먼트 선택

    Date2018.10.27 Views1732
    Read More
  5. 오늘 날짜 구하기

    Date2018.11.07 Views1416
    Read More
  6. == / === / != / !== 차이

    Date2018.11.07 Views1443
    Read More
  7. HTML 화면을 PDF로 출력

    Date2019.01.08 Views5218
    Read More
  8. Javascript 로 초성검색하기

    Date2019.01.10 Views2374
    Read More
  9. input 태그에서 name과 id의 차이

    Date2019.01.16 Views1104
    Read More
  10. 랜덤(Random) / 난수 만들기

    Date2019.01.16 Views1179
    Read More
  11. 에러처리

    Date2019.01.16 Views1066
    Read More
  12. 배열과 Array객체

    Date2019.01.16 Views1051
    Read More
  13. div태그를 이용한 클릭시 레이어 띄우기

    Date2019.01.16 Views1329
    Read More
  14. 두 날짜 사이 토일요일 개수 구하기

    Date2019.01.16 Views1252
    Read More
  15. 한글 짜르기

    Date2019.01.16 Views1179
    Read More
  16. 기간 설정용 달력 팁앤노하우

    Date2019.01.16 Views1137
    Read More
  17. 한글 또는 영문만이 존재하는지 체크

    Date2019.01.16 Views1163
    Read More
  18. 체크박스 전체 선택 및 해제, 반드시 1개 이상 선택 강제

    Date2019.01.16 Views1308
    Read More
  19. 엑셀처럼 td 사이즈 조절하기

    Date2019.01.16 Views3393
    Read More
  20. 특정 부분 인쇄 자바스크립트

    Date2019.01.16 Views1588
    Read More
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved