id가 같으면 자바 스크립트에서 두 배열을 결합하고, 두 번째 배열에서 하나를 선택하십시오.

Question

두 배열을 lodash과 결합하려고하지만 캐치가 있습니다. 항목의 ID가 같으면 2 번째 배열에서 항목을 선택하십시오. 예 :

let arr1 = [{ id: 1, name: 'name1'}, { id: 2, name: 'name2'}, { id: 3, name: 'name3'}]; 
let arr2 = [{ id: 3, name: 'name3', score: 1}]; 

예상 결과는

[{ id: 1, name: 'name1'}, { id: 2, name: 'name2'}, { id: 3, name: 'name3', score: 1}]; 

어떤 생각, 그것을 어떻게 달성했다. 나 한테 아이디어 좀 쏴봐. 미리 감사드립니다.

Answer 1

일반 자바 스크립트에서는 Map을 사용하고 두 번째 배열 항목이 있는지 확인한 다음 두 번째 배열 항목을 첫 번째 배열에서 두 번째 배열 항목으로 가져옵니다. 해시 테이블과 같은 개체 ES5

let array1 = [{ id: 1, name: 'name1'}, { id: 2, name: 'name2'}, { id: 3, name: 'name3'}], 
 
    array2 = [{ id: 3, name: 'name3', score: 1}], 
 
    map2 = new Map(array2.map(a => [a.id, a])), 
 
    result = array1.map(a => map2.get(a.id) || a); 
 
    
 
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

.

var array1 = [{ id: 1, name: 'name1'}, { id: 2, name: 'name2'}, { id: 3, name: 'name3'}], 
 
    array2 = [{ id: 3, name: 'name3', score: 1}], 
 
    map2 = array2.reduce(function (r, a) { 
 
     r[a.id] = a; 
 
     return r; 
 
    }, Object.create(null)), 
 
    result = array1.map(function (a) { 
 
     return map2[a.id] || a; 
 
    }); 
 
    
 
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }