투케이2K

155. (javascript/자바스크립트) lodash 라이브러리 - xor 사용해 두배열에서 서로 중복되지 않은 데이터를 새로운 배열로 만들기 실시 본문

JavaScript

155. (javascript/자바스크립트) lodash 라이브러리 - xor 사용해 두배열에서 서로 중복되지 않은 데이터를 새로운 배열로 만들기 실시

투케이2K 2022. 6. 6. 16:55

[개발 환경 설정]

개발 툴 : Edit++

개발 언어 : javascript

 

[소스 코드]

    <!-- [lodash 라이브러리 설치] -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>



    <!-- [내부 자바스크립트 J쿼리 이벤트 지정] -->
    <script>


        /* [html 최초 로드 및 이벤트 상시 대기 실시] */
        window.onload = function() {
            console.log("");
            console.log("[window onload] : [start]");
            console.log(""); 


            // [테스트 함수 호출]
            testMain();
        };



        /* [자바스크립트 테스트 코드] */
        function testMain(){
            console.log("");
            console.log("[testMain] : [start]");
            console.log("");


            /*
            [요약 설명]
            1. Lodash 는 객체, 배열 등의 데이터의 구조를 쉽게 사용할 수 있게해주는 자바스크립트 라이브러리입니다
            2. Lodash 설치 및 CDN 참고 사이트 : https://cdnjs.com/libraries/lodash.js
            3. Lodash 문법 참고 사이트 : https://lodash.com/docs/4.17.15
            4. xor : 두배열에서 서로 중복되지 않은 데이터를 새로운 배열로 만들어 줍니다
            */


            // [초기 변수 선언 실시]
            var array_1 = ["hello", "안녕", "투케이", "반가워", "또만나"];
            var array_2 = ["hi", "헬로우", "투케이", "반가워", "by"];


            // [원본 로그 출력 실시]
            console.log("");
            console.log("array_1 [원본] : " + JSON.stringify(array_1));
            console.log("array_2 [원본] : " + JSON.stringify(array_2));
            console.log("");


            // [xor 사용해 서로 중복되지 않은 데이터를 새로운 배열로 생성 실시]
            var xor = _.xor(array_1, array_2);

            console.log("");
            console.log("xor : " + JSON.stringify(xor));
            console.log("");

        };

    </script>
 

[결과 출력]


반응형
Comments