如何将对象转换为具有键和值的数组？

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;
}, [])

如何将对象转换为具有键和值的数组？

How to transform Object into Array with key and values?

javascript

tag-cloud

typescript

angular