我正在嘗試列印共享相同地址和公司名稱的人員串列我的陣列：
persons = [
{ address: "Wallstreet",
company: "ABC"
name: "John",
telephoneNr: "12345"},
{ address: "Wallstreet",
company: "ABC"
name: "Rick",
telephoneNr: "12857"},
{ address: "Wallstreet",
company: "ABC"
name: "Eva",
telephoneNr: "38665"}]
我正在使用地圖功能，但我只想列印一次地址和公司名稱，因為它們都共享相同的地址和相同的公司。如何在回圈中第二次、第三次和 n 次跳過列印地址和公司名稱？
{persons.map((item, index) => {
return (
<p>
{item.address}
</p>
<p>
{item.company}
</p>
<p>
{item.name}: {item.telephoneNr}
</p>
)})}
我的列印看起來像這樣：
Wallstreet
ABC
John:12345
Wallstreet
ABC
Rick:12857
Wallstreet
ABC
Eva: 38665
我希望我的列印看起來像這樣：
Wallstreet
ABC
John:12345
Rick:12857
Eva: 38665
uj5u.com熱心網友回復：
請更新此代碼：
{persons.map((item, index) => {
return (
if (index === 0) {
<p>
{item.address}
</p>
<p>
{item.company}
</p>
<p>
{item.name}: {item.telephoneNr}
</p>
} else {
<p>
{item.name}: {item.telephoneNr}
</p>
}
)})}
您的輸出將如下所示：
Wallstreet
ABC
John:12345
Rick:12857
Eva: 38665
uj5u.com熱心網友回復：
您可以使用 Map 物件Map 物件
const map = new Map()
map.set([address, company].toString(), [{name, telephoneNr}])
那么您需要獲取該值并使用新專案設定它，如果鍵相同，它將映射到相同的鍵值對，之后，您可以迭代映射物件并列印它
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/408298.html
標籤：