使用各種鍵讀取 Javascript object 的值

Question

我正在尋找以下問題的解決方案。 我正在使用 object，它看起來：

0: {userId: 139, moveId: 169, moveName: "FirstRoadMove", building: {…}}
1: {userId: 139, moveId: 171, moveName: "FirstRoadMove", building: {…}}
2: {userId: 139, moveId: 173, moveName: "FirstRoadMove", building: {…}}
3: {userId: 139, moveId: 175, moveName: "FirstRoadMove", building: {…}}
4: {userId: 139, moveId: 177, moveName: "FirstRoadMove", building: {…}}
5: {userId: 139, moveId: 179, moveName: "FirstRoadMove", building: {…}}

而且我還有一個組件：

    <button className={`actionBoxButton ${props.moves[0].moveName !== "FirstSettlementMove"  ? "actionBoxButtonGrey" : ''}`}

我想要實現的是，不僅要檢查按鈕的第一個元素是否具有值為 FirstSettlementMove 的鍵，例如，還要檢查 object 的每個元素。 所以在半偽中是這樣的：

    <button className={`actionBoxButton ${props.moves[first to last].moveName !== "FirstSettlementMove"  ? "actionBoxButtonGrey" : ''}`}

先感謝您！

Answer 1

你可以改變你的思維方式。 與其嘗試使用 moveName = firstSettleMentMove 檢查所有子 object，不如通過執行以下操作檢查是否存在沒有此值的子 object：

props.move.filter(x => x.moveName.== 'FirstSettlementMove').length > 0

如果 props.move 不是數組，你仍然可以使用Array.from(props.move)來轉換它。

此外，如果您的 object 有您向我們展示的索引，您可以使用Object.values(props.move)將其“刪除”。