我如何使用reactjs从json中的对象数组访问数据答案

【问题标题】：How can i access data from a array of objects in json with reactjs我如何使用reactjs从json中的对象数组访问数据
【发布时间】：2023-02-11 00:34:40
【问题描述】：

我在 json 中有一个对象数组，我只想从中提取特定数据，我该怎么做？

这是我的文件：

import Stocks from "./stocks.json";

export default function Profile() {
  return (
    <>
      <h1>{Stocks.symbol}</h1>
      <h1>{Stocks.lastsale}</h1>
    </>
  );
}

和股票.json

{
      "symbol": "AAMC",
      "name": "Altisource Asset Management Corp Com",
      "lastsale": "$36.38",
      "netchange": "0.88",
      "pctchange": "2.479%",
      "volume": "11317",
      "marketCap": "64654718.00",
      "country": "United States",
      "ipoyear": "",
      "industry": "Investment Managers",
      "sector": "Finance",
      "url": "/market-activity/stocks/aamc"
    }

https://codesandbox.io/s/distracted-leftpad-ve6ch0?file=/App.js

这种方式在上面它完美地工作，问题是我想在 json 文件中有多个对象，如下所示：

[
  {
      "symbol": "AAMC",
      "name": "Altisource Asset Management Corp Com",
      "lastsale": "$36.38",
      "netchange": "0.88",
      "pctchange": "2.479%",
      "volume": "11317",
      "marketCap": "64654718.00",
      "country": "United States",
      "ipoyear": "",
      "industry": "Investment Managers",
      "sector": "Finance",
      "url": "/market-activity/stocks/aamc"
    },
    {
      "symbol": "AAU",
      "name": "Almaden Minerals Ltd. Common Shares",
      "lastsale": "$0.2167",
      "netchange": "-0.0036",
      "pctchange": "-1.634%",
      "volume": "196889",
      "marketCap": "29735879.00",
      "country": "Canada",
      "ipoyear": "2015",
      "industry": "",
      "sector": "",
      "url": "/market-activity/stocks/aau"
    }
  ]

我的目标是从特定股票中提取数据，例如“lassale”

提前致谢！对编程有点陌生

我希望能够仅从特定股票中提取数据，例如使用 AMMC 符号作为输入以从中获取“lassale”

【问题讨论】：

标签： javascript reactjs arrays json

【解决方案1】：

您需要使用数组搜索方法找到您想要的股票，例如 .find、.findIndex 或只是 .filter。

在这种特定情况下，您可以使用：

const AAMCStock = Stocks.find(stock => stock.symbol === "AAMC")
const lastSale = AAAMStock.lastsale

您可以在此处找到有关此方法的更多信息：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find

【讨论】：