アレイプッシュ上書き

Question

レコードには古い色/番号と新しいプロパティがあり、これは変更できます。私は配列をループし、古い値と新しい値が一致しないかどうかを確認したい。もしそうでなければ、どのプロパティが変更されたのか（カラー/数値）を決定し、そのレコードの変更されたプロパティを設定し、それを配列にプッシュしたいと思います。レコードに色と数値の両方が変更されている場合は、変更されたプロパティが異なる各配列エントリのコピーが必要です。

私はいくつかの方法を試しましたが、プッシュは私が何をしても変更されたプロパティを上書きしています。私はローカル配列を使用しようとしましたが、どちらもうまくいきませんでした。ここに例があります。

export class Record { 
id: string; 
oldcolor: string; 
newcolor: string; 
oldnumber: string; 
newnumber: string; 
changed: string; 
} 




@Input() newrecords: Record[]; 
output: Record[] = []; 

functionTest() { 

    for (let rec of this.newrecords) { 


      if (rec.newcolor != rec.oldcolor) { 

       rec.changed = "color"; 
       output.push(rec); 


     } 

      if (rec.newnumber != rec.oldnumber) { 

       rec.changed = "number"; 
       output.push(rec); 

      } 


     } 
    } 


desired result 
[{ 
id: 1; 
oldcolor: red; 
newcolor: red; 
oldnumber: 6; 
newnumber: 6; 
changed: color; 
}, 
{ 
id: 1; 
oldcolor: red; 
newcolor: red; 
oldnumber: 6; 
newnumber: 6; 
changed: number; 
}] 

Answer 1

あなたはそれが配列でrecのコピーを配置しないoutput.push('rec')を行います。配列にrec（または、より正確にはrecへの参照）を配置します。

だから、両方のプロパティが変更されている、あなたは「色」にrec.changedを設定する場合には、その配列にrecに別の参照を入れて、「番号」にrec.changedを設定し、その後、配列にrecへの参照を置きます。すべてが単一のオブジェクトインスタンスに対して行われています。あなたがする何を意味するのか

は、2つのオブジェクト、同じidとそれぞれ、oldColor、newColor、oldNumber、およびnewNumberを持っていました。異なる値のchanged値を使用します。 （最も効率的なアプローチが議論の余地があるかもしれませんが、それはあなたが望む結果として記述したものです）。ある時点で、recのコピーを作成する必要があります。これを行うには

一つの方法（バニラはJavaScriptを使用して）：

var copy = { 
    id: rec.id, 
    oldColor: rec.oldColor, 
    newColor: rec.newColor, 
    oldNumber: rec.oldNumber, 
    newNumber: rec.newNumber, 
    changed: rec.changed 
} 

をあなたはすべてのプッシュの前にこれを行う（そして代わりにpush(rec)のpush(copy)）ことができ;それが必要以上に多くのコピーを作成した場合は、2つのインスタンスが必要なときに特別に参照してコピーを作成することができます。