在 React 中获取 Api json 数据的最大值

Question

我已经获取了一个 Api 数据，它是“PRICES”，我正在尝试获取它的最大值，但是这个函数不起作用，我将不胜感激任何帮助！

const pricedata = {
    datasets: [
        {
            backgroundColor: '#0000',
            barPercentage: 2,
            barThickness: 5,
            data: PRICES,
            label: 'Update in prices',
            maxBarThickness: 10
        },
    ],
};

function findMax(PRICES) {
    if (!PRICES) {
        return;
    }
    return Math.max(...PRICES);
}

console.log(findMax())

Answer 1

我在数据中有 PRICES 的地方添加了“价格数据”，并添加了第二块数据以供说明。

下面的代码遍历每个“数据集”，找到最高价格并将其添加为名为“maxPrice”的新键。然后它打印出来。这只是一种方式。

const pricedata = {
  datasets: [
    {
      backgroundColor: "#0000",
      barPercentage: 2,
      barThickness: 5,
      data: [1, 10, 30, 7, 42, 12],
      label: "Update in prices",
      maxBarThickness: 10
    },
    {
      backgroundColor: "#0000",
      barPercentage: 2,
      barThickness: 5,
      data: [11, 70, 18, 17, 24, 12],
      label: "Update in prices",
      maxBarThickness: 10
    }
  ]
};

function findMax(PRICES) {
  if (!PRICES) {
    return 0;
  }
  return Math.max(...PRICES);
}

pricedata.datasets.forEach((dataset) => {
  dataset.maxPrice = findMax(dataset.data);
});

pricedata.datasets.forEach((dataset) => {
  console.log('max price is', dataset.maxPrice);
});

更新：使用减速器获得所有产品的最大值...

const maxOfAllProducts = pricedata.datasets.reduce((accumulator, current) => Math.max(current.maxPrice, accumulator),0);
console.log('max of all products', maxOfAllProducts)

Answer 2

您忘记将 PRICES 变量放在最后一行的函数调用中

  let PRICES = [1,2,3,4,5,6,7,8,9,10];
 

  function findMax(PRICES) {
    if (!PRICES) {
        return;
    }
    return Math.max(...PRICES);
}

console.log(findMax(PRICES)) // outputs 10

或删除函数中的那个变量

  let PRICES = [1,2,3,4,5,6,7,8,9,10];
 

  function findMax() {
    if (!PRICES) {
        return;
    }
    return Math.max(...PRICES);
}

console.log(findMax()) //outputs 10

在 React 中获取 Api json 数据的最大值

Getting the max for an Api json data in react

api

json

max

dataset

reactjs