我有一個名為 responseData 的陣列，它可以讓我在螢屏上顯示可用的卡片選項
public responseData = [
{
id: 1399,
pessoa_id: 75898,
created_at: '2022-11-08T16:59:59.000000Z',
holder: 'LEONARDO ',
validade: '2029-05-01',
},
{
id: 13932,
pessoa_id: 75898,
created_at: '2022-11-08T16:59:59.000000Z',
holder: 'LEONARDO L',
validade: '2029-05-01',
},
{
id: 139429,
pessoa_id: 75898,
created_at: '2022-11-08T16:59:59.000000Z',
holder: 'LEONARDO SILVA DE L',
validade: '2029-05-01',
},
];
在這種情況下，用戶將點擊一張卡片，當他點擊時，我將他點擊的卡片的物件放在另一個名為的變數中
this.cardDelete = card;
所以它可以選擇洗掉這張卡，我想知道一種方法，我可以映射 idcardDelete并將 responseData 與相應的 id 設定為空
這是我在 stackblitz 上做的一個例子
我在html中放了一些說明
https://stackblitz.com/edit/angular-wzxnpe?file=src/app/app.component.html
uj5u.com熱心網友回復：
你在搜索什么是這樣的：
this.responseData = this.responseData.filter(
(card) => card.id != this.cardDelete.id
);
在 stackblitz 你的例子：https://stackblitz.com/edit/angular-xkikgw
uj5u.com熱心網友回復：
使用.map函式
this.responseData.map((data) => {
if (data.id == this.cardDelete.id) return null;
return data;
});
看看https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/531171.html