JavaScript로 고유 값 통합

반응형

[0, 1, 3, 2, 8, 1], [5, 2, 9, 1, 4, 7, 4], [2, 1, 6, 10, 6]

[0, 1, 3, 2, 8, 5, 9, 4, 7, 6, 10]

솔루션 1: 루프에 중첩됨

for (let i = 0; i < arguments.length; i++) {
     let arrayArguments = arguments[i];

 

for (let j = 0; j < arrayArguments.length; j++) {
     let indexValue = arrayArguments[j]
     ```

     ```js
     if (result.indexOf(indexValue) < 0) {
        result.push(indexValue);
        ```

        ```js
        console.log(uniteUnique1([0, 1, 3, 2, 8, 1], [5, 2, 9, 1, 4, 7, 4], [2, 1, 6, 10, 6]));
        //output: [0, 1, 3, 2, 8, 5, 9, 4, 7, 6, 10]
        ```

        # 솔루션 2: 루프 동안

        ```js
        while(arguments[i]) {
           concatArray = concatArray.concat(arguments[i]);
              i++;
              }
              ```

              <div class="content-ad"></div>

              ```js
              result = concatArray.filter(function(item, pos) {
                 return concatArray.indexOf(item) === pos;
                 })
                 ```

                 ```js
                 console.log(uniteUnique2([1, 3, 2, 8, 3], [2, 1, 4, 7, 9, 6, 9], [2, 1, 6, 9]));
                 //output: [1, 3, 2, 8, 4, 7, 9, 6]
                 ```

                 # 솔루션 3: 한 줄 스프레드 구문

                 ```js
                 function uniteUniqueOneLine(…arr)
                 ```

                 ```js
                 console.log(uniteUniqueOneLine([“Earth”, “Fire”], [“Wind”, “Water”], [“Heart”, “Heart”]));
                 ```

                 <div class="content-ad"></div>

                 ![](https://miro.medium.com/max/960/0*4zqTs4UGn6x3EuLM.gif)

                 # 요약:.

                 - 도입
                 - 중첩 루프
                 - 반복하는 동안
                 - 구문 확산

                 # 참조:

                 - MDN 웹 문서, 인수 개체
                 - MDN 웹 문서, 구문 확산
                 - MDN 웹 문서, 설정
                 - MDN 웹 문서, 플랫

                 <div class="content-ad"></div>