• 我不想使用for循环将对象转换成这样的数组!如果将过程加倍并降低应用程序的性能(我使用的是Ionic2和Typescript,以及Firebase)

    for(让我们输入数据){

是否有任何解决方案可以使用*ngFor迭代对象本身(如所附图片所示).

或者我可以将这个对象(如所附图片所示)转换为数组,这样就可以在*ngFor中使用.

enter image description here

推荐答案

可以使用Object.keys(obj)来获得命名索引.这将返回一个数组 struct ,您可以进一步使用/自定义它.用于迭代对象值的示例可能如下所示

var persons = { 
    john: { age: 23, year:2010},
    jack: { age: 22, year:2011},
    jenny: { age: 21, year:2012}
}

获取迭代器

var resultArray = Object.keys(persons).map(function(personNamedIndex){
    let person = persons[personNamedIndex];
    // do something with person
    return person;
});

// you have resultArray having iterated objects 

Typescript相关问答推荐

Tailwind CSS样式不在Svelte应用程序中呈现

TypScript如何在 struct 上定义基元类型?

在类型内部使用泛型类型时,不能使用其他字符串索引

HttpClient中的文本响应类型选项使用什么编码?''

当方法参数和返回类型不相互扩展时如何从类型脚本中的子类推断类型

对扩展某种类型的属性子集进行操作的函数

React重定向参数

TypeScrip 5.3和5.4-对`Readonly<;[...number[],字符串]>;`的测试版处理:有什么变化?

是否可以判断某个类型是否已合并为内部类型?

找不到财产的标准方式?

React router 6(数据路由)使用数据重定向

如何在脚本中输入具有不同数量的泛型类型变量的函数?

如何将类似数组的对象(字符串::匹配结果)转换为类型脚本中的数组?

Angular 16将独立组件作为对话框加载,而不进行布线或预加载

错误:NG02200:找不到类型为';对象';的其他支持对象';[对象对象]';.例如数组

在Reaction中折叠手风琴

任何导航器都未处理有效负载为";params";:{";roomId";:";...";}}的导航操作

类型';只读<;部分<;字符串|记录<;字符串、字符串|未定义&>';上不存在TS 2339错误属性.属性&q;x&q;不存在字符串

参数未映射泛型返回类型

在类型{}上找不到带有string类型参数的索引签名 - TypeScript