将javascript关联数组转换为多对象数组

Question

这是我的输入：

输入可能会收到更多数据，例如'e:5'

  var input = {a:2,b:3,c:2,d:1};

我想将此输入转换为以下输出：

var output = [{name="a",id="2"},
              {name="b",id="3"},
              {name="c",id="2"},
              {name="d",id="1"}];

提前致谢。

Answer 1

在Object.keys使用Array#map

Object.keys()方法返回给定对象自己的可枚举属性的数组。

---

map()方法创建一个新数组，并对该数组中的每个元素调用提供的函数。

---

 var input = { a: 2, b: 3, c: 2, d: 1 }; var mapped = Object.keys(input).map(function(key) { return { name: key, id: input[key] }; }); console.log(mapped); 

Answer 2

在Object.keys上可以使用Array＃forEach

 var input = {a:2,b:3,c:2,d:1}; var output = []; Object.keys(input).forEach(function(key){ output.push({name:key,id:input[key]}); }) console.log(output); 

Answer 3

Javascript对象属性是无序的。 因此，不确定从Object.keys返回的键顺序。 为了像您的示例一样保持字母顺序，您需要预先sort键进行sort ，然后使用map创建具有期望值的新数组。

我不喜欢ES5。 这是我的ES6答案。

Object.keys(input).sort((a, b) => a.localeCompare(b)).map(name => ({name, id: input[name]}));

Answer 4

只是出于娱乐和培训目的，我们可能会提出这个建议。 请记住，尽管以后可以添加，但是您始终可以在实例化时通过构造函数嵌入Symbol.iterator方法，并且默认情况下您的对象变得可迭代。

 var input = {a:2,b:3,c:2,d:1}, output = []; input[Symbol.iterator] = function*(){ var ok = Object.keys(this), i = 0; while (i < ok.length) yield {[ok[i]]: this[ok[i++]]}; }; for (var keyValuePair of input) output.push(keyValuePair); console.log(output); // or you can even do like output.length = 0; output = [...input]; // cool console.log(output); 

Answer 5

您也可以尝试以下方法：

var input = {a:2,b:3,c:2,d:1};

var output = Object.keys(input).reduce(function(p, c){
     return p.concat({name:c, id:input[c]});
}, []);