JavaScript 对象，属性变成对象数组求解。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3187 天前的主题，其中的信息可能已经有所发展或是发生改变。

现在有一个对象名为 map 有属性 a, b, c
表示为：
Object {a: 1, b: 2, c: 3}

现在想把这个对象变为对象数组，形式如下：

[{name : 'a', value : 1}, {name : 'b', value : 2}, {name : 'c', value : 3}]

请问应该怎么做呢？

另外能不能麻烦各位推荐一下 JavaScript 的优秀的入门 /参考书籍？谢谢了

value

name

对象

JavaScript

20 条回复 • 2016-02-23 09:45:39 +08:00

whahuzhihao

2016-02-22 09:59:09 +08:00

手动遍历可以么
```
var o = {a:1,b:2,c:3};
var no = [];
for(var k in o)
{
no.push({name:k,value:o[k]});
}
console.log(no);
```

oct16

2016-02-22 10:03:17 +08:00

var arr = [];
var obj = {a:1,b:2,c:3};
var temp;
for(var key in obj){
temp = {};
temp.name = key;
temp.value = obj[key];
arr.push(temp);
}
console.log(arr)

hienchu

2016-02-22 10:04:52 +08:00

如果有其他语言基础，我还是推荐这本[JavaScript: The Good Parts]( http://www.amazon.com/JavaScript-Good-Parts-Douglas-Crockford/dp/0596517742/ref=sr_1_1?s=books&ie=UTF8&qid=1456106764&sr=1-1&keywords=the+good+parts)

jarlyyn

2016-02-22 10:11:18 +08:00

楼主有没有听说过 Lodash/underscore ？

jarlyyn

2016-02-22 10:22:20 +08:00

好吧，仔细看了下，楼主要的格式和 toparis 的有点区别

https://lodash.com/docs#toPairs

FrankFang128

2016-02-22 10:26:55 +08:00

无法保证顺序

otakustay

2016-02-22 11:45:56 +08:00

Object.entries(o).map(([name, value]) => ({name, value}));

ChefIsAwesome

2016-02-22 12:03:56 +08:00

遍历一下不就行了，不知道楼主纠结在哪

ncwhale

2016-02-22 13:12:46 +08:00

{name:k, value: v} for k,v of map

hanai

2016-02-22 13:18:06 +08:00

Object.keys(obj).map(key => {name: key, value: obj[key]})

exoticknight

2016-02-22 13:19:35 +08:00

7 楼 es2015 正解

mmzer

2016-02-22 14:12:50 +08:00

var arr=[],i = 0;
var obj = {a:1,b:2,c:3}
for(var k in obj){
if(obj[k]){
arr[i++] = function(){
return {
name:k,
value:obj[k]
}
} ();
}
}
console.log(arr);

otakustay

2016-02-22 14:49:39 +08:00

@exoticknight 还真不是 2015 的， entries 是 2016 的