タイプごとに同じIDで配列オブジェクトをマージし、JavaScriptを使用して金額を割り当てる方法は？

この記事では、JavaScriptを使用して配列を処理し、同じIDを持つオブジェクトを新しいオブジェクトにマージし、異なるタイプ（朝食、中国語、夕食）に応じて異なるフィールドに量を割り当てる方法について説明します。

それぞれがid 、 jine （量）、およびtype （タイプ）フィールドを持つ複数のオブジェクトの配列があるとします。目標は、これらのデータを別の形式に変換することです。各idに対応するデータが1つのtypeにマージされ、 jine値はjine1 （朝食）、 jine2 （中国料理）、およびjine3 （ディナー）フィールドに割り当てられます。

生データ：

 const list = [
    {id： "202301"、jine：23、type： "ディナー"}、
    {id： "202301"、jine：87.5、type： "Breakfast"}、
    {id： "202301"、jine：1065.5、タイプ： "中国料理"}、
    {id： "202302"、jine：10、type： "ディナー"}、
    {id： "202302"、jine：181.5、type： "Breakfast"}、
    {id： "202302"、jine：633.5、タイプ： "中華料理"}
];

ターゲット形式：

 const expectslist = [
    {id： "202301"、jine1：87.5、jine2：1065.5、jine3：23}、
    {id： "202302"、jine1：181.5、jine2：633.5、jine3：10}
];

これを達成するために、 reduceメソッドを使用して配列を反復し、結果を保存する新しいオブジェクトを作成できます。

解決：

 const result = object.values（list.reduce（（acc、curr）=> {
    if（！acc [curr.id]）{
        acc [curr.id] = {id：curr.id、jine1：0、jine2：0、jine3：0};
    }
    if（curr.type === 'Breakfast'）acc [curr.id] .jine1 = curr.jine;
    if（curr.type === 'chinese food'）acc [curr.id] .jine2 = curr.jine;
    if（curr.type === 'dinner'）acc [curr.id] .jine3 = curr.jine;
    ACCを返します。
}、{}））;

console.log（result）; //ターゲット形式の出力配列

このコードは、最初にreduceメソッドを使用して元の配列をオブジェクトに変換します。キーはidで、値はjine1 、 jine2 、およびjine3を含むオブジェクトです。次に、 Object.valuesメソッドを使用して、オブジェクトを配列に変換します。 reduceメソッドでは、現在のidがaccに存在するかどうかを確認します。存在しない場合は、新しいオブジェクトを作成し、 typeに応じて対応するフィールドにjine値を割り当てます。

この方法は、 Object.groupByの使用を回避し、メソッドfind 、コードの読みやすさと効率を改善し、データのマージと量の割り当てをより直接処理します。また、 findメソッドがundefined返される場合がある場合に対処する必要がないため、より堅牢です。

以上がタイプごとに同じIDで配列オブジェクトをマージし、JavaScriptを使用して金額を割り当てる方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。