将类型引用为索引时出错

Question

我有一个具有以下结构的对象数组

let sampleData = [
    { valueObj: { High: 4, Low: 5,  Medium: 7 } , time: "1571372233234" , sum: 16 },
    { valueObj: { High: 5, Low: 3, Medium : 1 }, time: "1571372233234" , sum: 9},
    { time: "14354545454", sum: 0},
    { time: "14354545454", sum: 0} }
];

我需要获取数组内每个对象内的每个键，并从中形成一个数组。基本上基于所有对象中存在的键进行分组。如果对象没有“值”，则应在val1，val2，val3中返回0。

result = [
  { name: 'High', data: [4, 5, 0, 0] }, 
  { name: 'Medium', data: [5, 3, 0, 0] }, 
  { name: 'Low', data: [7, 1, 0, 0] }
];

这里我传递一个字符串，该字符串将在reduce中使用。我收到此错误任何人都不能用作索引“每当我传递一个动态字符串时，只要typecirpt是已启用

有人可以帮我吗？

我尝试了以下操作：

const sampleData = [{ valueObj: { High: 4, Low: 5,  Medium: 7 }, time: "1571372233234", sum: 16 }, { valueObj: { High: 5, Low: 3, Medium : 1 }, time: "1571372233234", sum: 9 }, { time: "14354545454", sum: 0 }, { time: "14354545454", sum: 0 }];

const keys = ['High', 'Low', 'Medium'];

function formResult(sampleData, prop, keys){
  let grouped = sampleData.reduce((r, { [prop]: values = {} } = {}) => {
    r.forEach(({ name, data }) => data.push(values[name] || 0));       
    return r;
  }, keys.map(name => ({ name, data: [] })));
  console.log(grouped);
}

formResult(sampleData,"valueObj", keys);

Answer 1

您是否尝试过声明示例数据的接口，因此它将是SampleData []而不是any []？：

interface SampleData {
    valueObj?: {
        High: number,
        Low: number,
        Medium: number
    };
    time: string;
    sum: number;
}

const sampleData: SampleData[] = [{ valueObj: { High: 4, Low: 5,  Medium: 7 }, time: '1571372233234', sum: 16 },
    { valueObj: { High: 5, Low: 3, Medium : 1 }, time: '1571372233234', sum: 9 },
    { time: '14354545454', sum: 0 }, { time: '14354545454', sum: 0 }];