Javascript：使用未知鍵映射對象數組

Question

我有一組具有不同名稱的鍵的對象。

    let array = [{"obj1": 1, "obj2": 2}, {"obj3": 3}]

我希望能夠在前面（react-native）顯示鍵和值。 我嘗試使用 map 和 object.entries 這樣做，但它不起作用（錯誤：對象作為 React child 無效。如果您打算渲染一組孩子，請改用數組。）：

    {Object.entries(array).map(([key, val] = entry) => {
       return (<Text>{[key, val]}</Text>)
    })

如何在 Text 中簡單地顯示每個對象的鍵和值？

Answer 1

嘗試這個：

{array.map(item => (
  <div>
    {Object.entries(item).map(([key, val]) => {
      return (
        <Text>
          {key} = {val}
        </Text>
      )
    })}
  </div>
))}

注意：在實際應用中使用時請添加密鑰

Answer 2

您應該減少數組，展開條目，然后展平。 結果將是一個鍵值對數組。

 const array = [{ "obj1": 1, "obj2": 2 }, { "obj3": 3 }] const keyValuePairs = array .reduce((pairs, obj) => [...pairs, Object.entries(obj)], []) .flat(); keyValuePairs.forEach(([key, val]) => console.log(key, val));