如何過濾 JavaScript 數組中的嵌套物件並僅保留匹配的元素？

根據巢狀物件過濾陣列

在JavaScript 中，你可能會遇到需要根據值過濾物件陣列的場景巢狀屬性。為此，您可以利用強大的過濾技術。

考慮問題中提供的範例，其中目標是根據嵌套的「subElements」數組中的特定姓氏值來過濾元素數組。輸入數組定義如下：

<code class="js">let arrayOfElements = [
    {
       "name": "a",
       "subElements": [
          {"surname": 1},
          {"surname": 2}
       ]
    },
    {
       "name": "b",
       "subElements": [
          {"surname": 3},
          {"surname": 1}
       ]
    },
    {
       "name": "c",
       "subElements": [
          {"surname": 2},
          {"surname": 5}
       ]
    }
];</code>

要過濾此數組並僅檢索“subElements”數組包含“surname”設置為1 的對象的元素，可以使用“ filter”和“some”方法：

<code class="js">let filteredArray = arrayOfElements.filter((element) => element.subElements.some((subElement) => subElement.surname === 1));</code>

但是，這種方法的問題是它傳回帶有所有「子元素」的對象，包括那些不符合篩選條件的物件。要解決這個問題，您可以使用“map”函數和展開運算符：

<code class="js">filteredArray = arrayOfElements.map((element) => {
  return {...element, subElements: element.subElements.filter((subElement) => subElement.surname === 1)}
})</code>

這裡，展開運算符（即“...element”）用於創建一個基於對象的新對像在原始“元素”上，同時使用過濾結果覆蓋其“subElements”屬性。這種方法允許您過濾掉不需要的“子元素”，同時保留原始陣列的結構。產生的「filteredArray」將包含所需的對象，其「子元素」根據「姓氏」標準進行過濾：

<code class="js">[
    {
        "name": "a",
        "subElements": [
           {"surname": 1}
        ]
    },
    {
        "name": "b",
        "subElements": [
           {"surname": 1}
        ]
    }
]</code>

以上是如何過濾 JavaScript 數組中的嵌套物件並僅保留匹配的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！