如何使用键和值将对象转换为数组

Question

我一直在尝试从https://github.com/d-koppenhagen/angular-tag-cloud-module使用标签云模块，而我的数据对象如下：

{ "Speech": 4, "E-commerce": 1, "Meeting": 1, "Garena": 1 , "Silicon valley": 1}

根据模块指南，数据阵列应如下插入：

[ {text: "Speech", weight: 4}, {text: "E-commerce", weight: 1}, {text: "Meeting", weight: 1},{text: "Garena", weight: 1}, {text: "Sillicon valley", weight: 1}]

我的代码在下面，最近与Typescript进行编码，希望有人可以给我一个提示！

 var post_tags: Array<string> = post['tags'];
      post_tags.forEach(element => {
        this.counts[element] = ( this.counts[element] || 0)+1;
        this.tags.push({
          text: Object.keys(this.counts),
          weight: this.counts[element]
        });           
      });

Answer 1

如果 post['tags']是：

{ "Speech": 4, "E-commerce": 1, "Meeting": 1, "Garena": 1 , "Silicon valley": 1 }

然后您需要做：

let normalized = [] as { text: string, weight: number }[];
Object.keys(post['tags']).forEach(tag => {
    normalized.push({ text: tag, weight: post['tags'][tag] });
});

Answer 2

在普通的JavaScript中，您可以使用Array#map并将对象的键用于text和weight的值。

var object = { Speech: 4, "E-commerce": 1, Meeting: 1, Garena: 1 , "Silicon valley": 1},
    array = Object.keys(object).map(function (k) {
        return { text: k, weight: object[k]};
    });
console.log(array)

Answer 3

尝试这个。

var post_tags = { "Speech": 4, "E-commerce": 1, "Meeting": 1, "Garena": 1 , "Silicon valley": 1}
var array = [];
Object.keys(post_tags).forEach( function(k,v){ // iterate over the object keys
  
      var obj = {};
      obj["text"] = k;
      obj["weight "] = post_tags[k]
      array.push(obj);
});
console.log(array);

Answer 4

interface PostTags {
  text: string;
  weight: number;
}
post['tags'] = { "Speech": 4, "E-commerce": 1, "Meeting": 1, "Garena": 1 , "Silicon valley": 1};
const array: Array<PostTags> = Object.keys(post['tags']).reduce((acc, tag) => {
   acc.push({
     text: tag, 
     weight: post['tags'][tag]
   }); 
   return acc;
}, [])