如何在reactJS中映射字典？

Question

我正在从在线api上以{{key：object}，{key：object}，…的形式获取一个字典，例如1000个Objects}。我想用reactJS做类似的事情

this.props.dict.map(function(object, key)){
 //Do stuff
}

该映射适用于数组，但显然不适用于字典。我怎样才能取得类似的成绩？

Answer 1

Javascript中的“字典”被称为对象，您可以以与数组非常相似的方式遍历它们。

var dict = this.props.dict;

for (var key in dict) {
  // Do stuff. ex: console.log(dict[key])
}

如果您正在考虑使用map，以便在迭代结束时拥有一个完整的数组，则可以在for..in循环内部推送到您先前声明的数组。

var dict = this.props.dict;
var arr = [];

for (var key in dict) {
  arr.push(dict[key]);
}