遍历另一个对象内的对象

时间:2019-10-26 15:45:58

标签: html reactjs

因此,我正在开发此名片生成器应用程序。 https://jsonplaceholder.typicode.com/users是我的数据库的来源。 知道如何遍历地址部分吗?到目前为止,我的代码。

.data
var dw 123

.code
mov eax ebx

2 个答案:

答案 0 :(得分:0)

我认为您可能正在沿着这些思路寻求帮助。至少要回答这个问题-这是您如何循环访问地址。而且我猜您正在尝试建立可读的字符串或其他内容...

var users = [
  {
    "id": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "Sincere@april.biz",
    "address": {
      "street": "Kulas Light",
      "suite": "Apt. 556",
      "city": "Gwenborough",
      "zipcode": "92998-3874",
      "geo": {
        "lat": "-37.3159",
        "lng": "81.1496"
      }
    }
  }
];

var addressStr = '';
for (var user of users) {
  addressStr = '';
  for (var key of Object.keys(user.address)) {
    key !== 'geo' && (addressStr += user.address[key] + ' ');
  }
  console.log(addressStr);
}

答案 1 :(得分:0)

建立一个单独的Address组件,而不是遍历地址部分。

const Address = ({ street, suite, ... }) => <h1>Street: {street}</h1>

const Namecard = ({ name, ..., children }) => <div> Name: {name} <div>{children}</div></div> // where children is the Address component

<Namecard 
  name={identi.name}
  email={identi.email}
>
  <Address {...identi.address} />
</Namecard>
相关问题