在对象上映射函数并获取键和值 Javascript

【问题标题】：Map function on object and get keys and values Javascript在对象上映射函数并获取键和值 Javascript
【发布时间】：2023-03-06 03:43:01
【问题描述】：

我有一个这样的对象：

{"Job": "Electrician", "Starbucks": "Vanilla Frapaccino"}

我需要映射它以获取像这样的 React 组件中的键和值。

            return<DetailCell>
                <Label>{key}</Label>
                <Text style={TextStyle}>{value}</Text>
            </DetailCell>

map 函数说细节说它未定义。如果我做 Object.keys(details) 然后我得到钥匙。如何在 React Native 中同时获得两者？请帮忙谢谢。

【问题讨论】：

如果你有密钥也可以使用dataObject[key]作为值

标签： javascript react-native dictionary object

【解决方案1】：

Object.entries() 返回键值对数组（[[key1,value1],[key2,value2]..]，您可以通过这种方式.map()（使用destructuring syntax）：

const src = {"Job": "Electrician", "Starbucks": "Vanilla Frapaccino"}
...
Object.entries(src).map(([key,value]) => (
   <DetailCell>
      <Label>{key}</Label>
      <Text style={TextStyle}>{value}</Text>
   </DetailCell>
))

【讨论】：

美丽。谢谢你，朋友。我做了条目，但不知道我可以将键值嵌套为参数。
@TylerNichol : 不客气，如果你的问题现在解决了，你可以接受答案
@TylerNichol ：顺便说一下，你所说的 nesting 是 destructuing assignment syntax 应用于函数参数；）