我对JAVASCRIPT e=非常陌生,正在try 弄清楚如何从对象获得特定的输出.我有这样一件物品:

const data = [
    {
    Category: "Red",
    date: "11/07/2020",
    predicted: 10,
    actual: 12,
    },
    {
    Category: "Red",
    date: "11/08/2020",
    predicted: 12,
    actual: 13
    },
    {
    Category: "Green",
    date: "11/07/2020",
    predicted: 14,
    actual: 16
    },
    {
    Category: "Green",
    date: "11/08/2020",
    predicted: 10,
    actual: 12
    },
]

export default data;

因此,现在我想要获取"Category"中所有唯一级别的列表,并通过console.log显示它们.所以这将是:

Red
Green

这是一款Reaction应用程序,所以我正试着把它放到我的App.js中:

import data from './data';

function App() {

  return (
    <div className="App">
      <LineChart />
    </div> 
  );
}

export default App;

问题还在于,我不知道如何 Select "栏"类别.现在,我只想像这样展示整个对象:

  const myArray = Object.values(data);
  console.table(myArray);

推荐答案

使用map获取类别,然后使用Set获取唯一的类别:

const data=[{Category:"Red",date:"11/07/2020",predicted:10,actual:12},{Category:"Red",date:"11/08/2020",predicted:12,actual:13},{Category:"Green",date:"11/07/2020",predicted:14,actual:16},{Category:"Green",date:"11/08/2020",predicted:10,actual:12}];

const unique = [...new Set(data.map(e => e.Category))]
console.log(unique)

Javascript相关问答推荐

JS、C++和C#给出不同的Base 64 Guid编码结果

JS生成具有给定数字和幻灯片计数的数组子集

if/else JavaScript中的条件行为

按下同意按钮与 puppeteer 师

配置WebAssembly/Emscripten本地生成问题

构造HTML表单以使用表单数据创建对象数组

如何从Intl.DateTimeFormat中仅获取时区名称?

在使用HighChats时如何避免Datatables重新初始化错误?

PDF工具包阿拉伯字体的反转数字

在运行时使用Next JS App Router在服务器组件中运行自定义函数

在Reaction中的handleSubmit按钮内,useSelector值仍然为空

使用Nuxt Apollo在Piniastore 中获取产品细节

Reaction Redux&Quot;在派单错误中检测到状态Mutations

无法避免UV:flat的插值:非法使用保留字"

AddEventListner,按键事件不工作

如何使用画布在另一个内部绘制一个较小但相同的形状,同时保持恒定的边界厚度?

Clip-Path在网页浏览器(Mozilla、Edge、Chrome)上不能正常工作,但在预览版Visual Code Studio HTML、CSS、JS上却能很好地工作

在单击按钮时生成多个表单时的处理状态

在ChartJS中使用spanGaps时,是否获取空值的坐标?

调用特定数组索引时,为什么类型脚本不判断未定义