javascript - 循环数组和另一个对象中的对象

标签 javascript arrays reactjs loops object

我有以下结构。我需要在 React 中获取内部值并通过。我想我需要获取一个值数组,例如:['Bitcoin', 'Etherium'...] 并通过它进行映射。我该如何实现它?

 let arr = [
      {
        "CoinInfo": {
                "Id": "1182",
                "Name": "BTC",
                "FullName": "Bitcoin",
                "Internal": "BTC",
                "ImageUrl": "/media/19633/btc.png",
                "Url": "/coins/btc/overview"
            }
      },
      {
         "CoinInfo": {
            "Id": "7605",
            "Name": "ETH",
            "FullName": "Ethereum",
            "Internal": "ETH",
            "ImageUrl": "/media/20646/eth_logo.png",
            "Url": "/coins/eth/overview"
      }
]

最佳答案

以下是如何使用 Array.prototype.map() 获取硬币名称数组的方法

const arr = [{
    "CoinInfo": {
      "Id": "1182",
      "Name": "BTC",
      "FullName": "Bitcoin",
      "Internal": "BTC",
      "ImageUrl": "/media/19633/btc.png",
      "Url": "/coins/btc/overview"
    }
  },
  {
    "CoinInfo": {
      "Id": "7605",
      "Name": "ETH",
      "FullName": "Ethereum",
      "Internal": "ETH",
      "ImageUrl": "/media/20646/eth_logo.png",
      "Url": "/coins/eth/overview"
    }
  }
];

const coinNames = arr.map(x => x.CoinInfo.FullName);

console.log(coinNames);

关于javascript - 循环数组和另一个对象中的对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53979774/

相关文章:

javascript - 尝试将对象导入 Mongoose 模式时出现错误

javascript - react 函数不返回任何值

php - 反序列化数据库数据

javascript - Networked-aframe 为新用户分配不同的位置

javascript过滤器编辑并保存数组

java - 从 String.split 创建数组时出现 NullPointerException

javascript - 如何结合ReactJs Router Link和material-ui组件(如按钮)?

javascript - 如何使按钮在函数运行后可见。 react native

javascript - 如何在php中存储以逗号分隔的数据

javascript - VS代码: trigger organizeImports when git staging