次のコードの出力はどうして可能ですか？

Question

this.someService.findDevices() 
      .subscribe((segments) => { 
      this.segments = Array.from(segments.segments); 
      this.packs.forEach((pack) => { 
       pack.segments = Array.from(segments.segments); 
       pack.segments[0].devices[0].selected = true; //if commented, output is FALSE 
       console.log(this.segments[0].devices[0]); // shows TRUE 
      }); 
      }); 

this.packsの各パックにsegmentsの配列を追加しようとしている方法を作成しました。 Array.from()を使用して新しい配列を作成していますが、何らかの理由でpack.segments[0].devices[0]をTRUEに設定すると、this.segments[0].devices[0]もtrueに変更されます。

どのように解決するか？

Answer 1

あなたはその中devices配列のクローンを作成しませんsegments配列、の浅いコピーを作っています。

深いクローンを行い、コードを期待どおりに機能させるには、以下を試してみてください。

pack.segments = JSON.parse(JSON.stringify(segments.segments))

注：あなたは、配列の*浅い*のコピーを作っている

Answer 2

isSelectedという名前の関数内に最上位ブール変数を作成し、適切に設定します。その後、あなたのループを行います。いずれかの項目がスイッチを変更すると、isSelectedが設定され、適切なブール値が返されます。