[解決済み] Javascript/Typescriptで配列のクローンを作成する
2022-08-13 19:49:13
質問
2つのオブジェクトからなる配列があります。
genericItems: Item[] = [];
backupData: Item[] = [];
HTML テーブルに
genericItems
というデータで構成されています。このテーブルは変更可能です。で行った変更を元に戻すためのリセットボタンがあります。
backUpData
. この配列は、サービスによって入力されます。
getGenericItems(selected: Item) {
this.itemService.getGenericItems(selected).subscribe(
result => {
this.genericItems = result;
});
this.backupData = this.genericItems.slice();
}
私のアイデアは、ユーザーの変更が最初の配列に反映され、2番目の配列はリセット操作のためのバックアップとして使用できることでした。ここで私が直面している問題は、ユーザーがテーブルを変更したとき (
genericItems[])
を変更すると、2 番目の配列
backupData
も変更されます。
どのような現象が起きているのか、またこれを防ぐにはどうしたらよいのでしょうか。
どのように解決するのですか?
オブジェクトのクローンを作成します。
const myClonedObject = Object.assign({}, myObject);
配列のクローンを作成します。
- オプション1 は、プリミティブ型の配列を持っている場合。
const myClonedArray = Object.assign([], myArray);
- オプション2 - オブジェクトの配列がある場合。
const myArray= [{ a: 'a', b: 'b' }, { a: 'c', b: 'd' }];
const myClonedArray = [];
myArray.forEach(val => myClonedArray.push(Object.assign({}, val)));
関連
-
[解決済み】IndexError: Index 10 is out of bounds for axis 0 with size 10
-
[解決済み] int (*p)[10]=s と int (*o)[5]=&s の違いは何ですか?
-
[解決済み] 配列をヒープ化するためのヒープにおけるsiftUp, siftDown操作
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] 配列からArrayListを作成する
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] JavaScriptのオブジェクトにキーが存在するかどうかをチェックする?
-
[解決済み] JavaScriptで配列を空にするにはどうしたらいいですか?
-
[解決済み】オブジェクトの配列を文字列のプロパティ値でソートする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】IndexError: Index 10 is out of bounds for axis 0 with size 10
-
[解決済み] Verilogで1次元と2次元のバイト配列を宣言して使用するには?
-
[解決済み] MIPSの2Dアレイ
-
[解決済み] 配列から要素を1つだけ値で削除する方法
-
[解決済み] MATLABで動的配列を作成する方法
-
[解決済み] MASMアセンブリの配列 (非常に混乱している初級者)
-
[解決済み] 配列をヒープ化するためのヒープにおけるsiftUp, siftDown操作
-
[解決済み] Rubyでハッシュの配列をソートする方法
-
[解決済み] GCCです。配列型に不完全な要素型がある
-
[解決済み] Postgres の配列の NOT