配列のオブジェクトを比較して、私は2つの配列を持っているのJavaScript

Question

にユニークな配列を返す方法：

最初の配列：

は

generalInfo = [{"fName": "Suku", "lName": "Brown", "sex": "Male", "Id": "RY12S"}, {"fName": "Mary", "lName": "Sue", "sex": "Female", "Id": "UT72W"}] 

二番目の配列：今

paymentInfo = [{"Id": "RY12S", "amount": "1000.00", "purpose": "rent", "date": "2017-17-07"}, {"Id": "UT72W", "amount": "5000.00", "purpose": "renovation", "date": "2017-15-07"}] 

、私はなりたいです両方の配列のIdフィールドを比較して固有の情報を返すことができます。

少なくとも第三は、次のようになります。

specificInfo = [{"Id": "RY12S","fName": "Suku", "lName": "Brown", "amount": "1000.00", "purpose": "rent"}, {"Id": "UT72W","fName": "Mary", "lName": "Sue", "amount": "5000.00", "purpose": "renovation"}] 

は、これを達成する簡単な方法はありますか？

Answer 1

mapとfindとアンES6ソリューション：

var generalInfo = [{"fName": "Suku", "lName": "Brown", "sex": "Male", "Id": "RY12S"}, {"fName": "Mary", "lName": "Sue", "sex": "Female", "Id": "UT72W"}]; 
 

 
var paymentInfo = [{"Id": "RY12S", "amount": "1000.00", "purpose": "rent", "date": "2017-17-07"}, {"Id": "UT72W", "amount": "5000.00", "purpose": "renovation", "date": "2017-15-07"}]; 
 

 
var uniqueInfo = generalInfo.map((generalItem) => { 
 
    var paymentItem = paymentInfo.find((item) => item.Id === generalItem.Id); 
 

 
    return { 
 
    Id: generalItem.Id, 
 
    fName: generalItem.fName, 
 
    lName: generalItem.lName, 
 
    amount: paymentItem.amount, 
 
    purpose: paymentItem.purpose 
 
    }; 
 
}); 
 

 
console.log(uniqueInfo);

は、この背後にある論理を理解し、あなたがES5で実装する必要がある場合は、ここに投稿する前に自分で実行しようとしてみてください。