Question

我正在尝试使用reduce与Typescript来达到传入消息的总数。我对如何添加索引签名感到困惑。我一直收到错误：＆＃34;元素隐含有一个“任何”的元素。输入因为类型＆＃39; {}＆＃39;没有索引签名。＆＃34; on变量newArray和count [k]。我已经阅读了几个类似的问题，但还没有弄清楚如何将它们应用到我的特定场景中。我是JavaScript和TypeScript的新手。

这是我的阵列：

        var data = [
        { time: '9:54' }, 
        { time: '9:54' },
        { time: '9:54' },
        { time: '9:55' }, 
        { time: '9:55' },
        { time: '9:55' },
        { time: '9:55' },
        { time: '9:56' }, 
        { time: '9:56' },
        { time: '9:56' },
        { time: '9:56' },
        { time: '9:57' }, 
        { time: '9:57' },
        { time: '9:57' },
        { time: '9:57' },
        { time: '9:57' }
    ];

这就是我需要在重新图表中使用我的数组的方法：

        var dataWithCounts = [
        { time: '9:54', messages: 3 }, 
        { time: '9:55', messages: 4 }, 
        { time: '9:56', messages: 4 }, 
        { time: '9:57', messages: 5 }
    ];

在＆＃39; Just a Student＆＃39;的帮助下从这个Stack Overflow问题回答：Group and count values in an array ，我有以下内容。

        var counts = data.reduce((newArray, item) => {
           let time = item.time;
           if (!newArray.hasOwnProperty(time)) {
               newArray[time] = 0;
           } 
           newArray[time]++;
           return newArray;
        }, {});

        console.log(counts);

        var countsExtended = Object.keys(counts).map(k => {
           return { time: k, messages: counts[k] };
       });

       console.log(countsExtended);

我在哪里以及如何申报索引签名？以下是我尝试的各种事情。

let newArray: { [time: string] };并收到重复的标识符错误。
在参数var counts = data.reduce((newA:string, item)中添加字符串会给我一个错误＆＃34; Element隐含地有一个＆＃39; any＆＃39;输入，因为索引表达式的类型不是＆＃39;数字＆＃39;。＆＃34;
添加newA[time].toString()会给我错误，＆＃34;作业表达式的左侧必须是变量或属性访问。＆＃34;

Answer 1

.reduce电话中累加器的类型几乎肯定是个问题。因为它只是作为{}给出，所以它的类型被推断为，类型{}没有索引签名。您可以通过转换初始值来解决此问题，以便它包含签名：

var counts = data.reduce((newArray, item) => {
    let time = item.time;
    if (!newArray.hasOwnProperty(time)) {
        newArray[time] = 0;
    } 
    newArray[time]++;
    return newArray;
}, {} as {[key: string]: any}); // <-- note the cast here

我提供了索引签名类型any，但您可能希望为您的特定情况更具体。

Answer 2

数组的正确类型是：

Array<{time: string}>

或：

{time: string}[]

或：

{[key: number]: {time: string}}

Answer 3

如果我了解你，你需要为对象创建界面......

typeof

Answer 4

您必须添加具有索引签名的类型。例如。

const myObj: {[key: string]: string} = {
  someProperty: 'someValue',
};

{[key: string]: any}告诉Typescript该obj具有字符串类型的索引签名。

Answer 5

对原始问题的回答

主要的警告是 reduce 累加器值的类型不正确。

原始代码：

const result = data.reduce(someLogicCallback, {})

需要通过以下方式进行：

const accumulator: {[key: string]: number} = {}
const result = data.reduce(someLogicCallback, accumulator)

其他可能的警告

这部分可能对以后偶尔的 googlers 有帮助。

我来这里是为了解决类似的问题，但就我而言，我有一个已预定义类型的对象

typeof someObject // predefinedType

type predefinedType = {
  someKey: number;
  otherKey: number;
}

当我尝试从该对象中提取条目时出现 index signature is missing in type predefinedType 错误

const entries = Object.entries<number>(someObject);

显而易见的解决方案是进行类型断言

type TypedIndexObj = {[key: string]: number}
const entries = Object.entries<number>(someObject as TypedIndexObj);

但这会过于严格，因为它总是将 someObject 的值类型断言为 number，这可能会随着时间的推移而改变。

为我想出的此类对象添加索引类型的最佳方法是使用 keyof 语法

type TypedIndexObj = {[key in keyof typeof someObject]:(typeof someObject)[key]}
const entries = Object.entries<number>(someObject as TypedIndexObj);

参考：原始问题中的更正代码

这是原始问题中代码的完全键入更正版本：

const accumulator: {[key: string]: number} = {}

const counts = data.reduce((_accumulator, item) => {
  const time = item.time;
  // no error on the next line
  if (!_accumulator.hasOwnProperty(time)) {
      _accumulator[time] = 0;
  } 
  _accumulator[time]++;
  return _accumulator;
}, accumulator);

const countsExtended = Object.keys(counts).map(k => {
    return { time: k, messages: counts[k] };
});

如何在TypeScript中添加索引签名

5 个答案:

对原始问题的回答

其他可能的警告

参考：原始问题中的更正代码