lodash 속성을 사용하여 2 개의 정렬 된 객체 배열을 합치십시오.

Question

두 객체 배열을 병합하려고합니다.

개체 배열을 미리 정렬하여 일치되도록했습니다. 두 배열에서 각 개체의 속성을 밀어 넣기 만하면됩니다.

로다시는 double for 루프보다 깨끗한 솔루션을 제공 할 것이라고 생각합니까? 아니면 그냥 바닐라 JS 솔루션을 수행해야합니까? 두 배열의

이

예 :

[ 
    { 
     provider: 'foo', 
     title: 'Title1' 
    }, 
    { 
     provider: 'bar', 
     title: 'Title2' 
    } 
] 

[ 
    { 
     all: '0', 
     novelty: '24' 
    }, 
    { 
     all: '4', 
     novelty: '12' 
    } 
] 

그것은 반환해야합니다 :

[ 
    { 
     provider: 'foo', 
     title: 'Title1', 
     all: '0', 
     novelty: '24' 
    }, 
    { 
     provider: 'bar', 
     title: 'Title2', 
     all: '4', 
     novelty: '12' 
    } 
] 

Answer 1

lodash없이 당신이 Array.prototype.map() 및 Object.assign() 사용할 수 있습니다 (또는 angular.merge()을 할당이 대상 브라우저에서 지원되지 않는 경우) :

를

var arr1 = [{ 
 
     provider: 'foo', 
 
     title: 'Title1' 
 
    }, { 
 
     provider: 'bar', 
 
     title: 'Title2' 
 
    }]; 
 

 
    var arr2 = [{ 
 
     all: '0', 
 
     novelty: '24' 
 
    }, { 
 
     all: '4', 
 
     novelty: '12' 
 
    }]; 
 

 
    var result = arr1.map(function(item, index) { 
 
     return Object.assign({}, item, arr2[index]); 
 
    }); 
 

 
    console.log(result);

당신이 _.assign()와 lodash 사용 _.zipWith()를 사용하려면

:

var arr1 = [{ 
 
    provider: 'foo', 
 
    title: 'Title1' 
 
}, { 
 
    provider: 'bar', 
 
    title: 'Title2' 
 
}]; 
 

 
var arr2 = [{ 
 
    all: '0', 
 
    novelty: '24' 
 
}, { 
 
    all: '4', 
 
    novelty: '12' 
 
}]; 
 

 
var result = _.zipWith(arr1, arr2, function(a, b) { 
 
    return _.assign({}, a, b); 
 
}); 
 

 
console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js"></script>

Answer 2

을 당신은 ES6으로이 작업을 수행 할 수 있습니다

data1.map((obj, i) => Object.assign({}, obj, data2[i])) 

var data1 = [{ 
 
     provider: 'foo', 
 
     title: 'Title1' 
 
    }, { 
 
     provider: 'bar', 
 
     title: 'Title2' 
 
    }]; 
 
var data2 = [{ 
 
     all: '0', 
 
     novelty: '24' 
 
    }, { 
 
     all: '4', 
 
     novelty: '12' 
 
    }]; 
 

 
var merged = data1.map((obj, i) => Object.assign({}, obj, data2[i])); 
 

 
console.log(merged);

Answer 3

지금까지이 질문에 대한 다른 대답은 입력 배열이 사전 정렬 된 명시된 조건을 무시한다는 점에서 차선책입니다. AFAIK lodash에는 미리 정렬 된 배열을 병합하는 방법이 없지만 "병합 정렬 된 배열"에 대한 Google 검색은 에뮬레이트 할 많은 의사 코드를 나타냅니다.

const mergeSortedArraysBy = (array1, array2, iteratee) => { 
    const mergedArray = []; 
    let i = 0; 
    let j = 0; 
    while (i < array1.length && j < array2.length) { 
     if (iteratee(array1[i]) <= iteratee(array2[j])) { 
      mergedArray.push(array1[i]); 
      i++; 
     } else { 
      mergedArray.push(array2[j]); 
      j++; 
     } 
    } 
    if (i < array1.length) { 
     for (let p = i; p < array1.length; p++) { 
      mergedArray.push(array1[p]); 
     } 
    } else { 
     for (let p = j; p < array2.length; p++) { 
      mergedArray.push(array2[p]); 
     } 
    } 
    return mergedArray; 
};