V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
anonymoustian
V2EX  ›  JavaScript

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

  •  
  •   anonymoustian · 2016-02-22 09:49:31 +08:00 · 3357 次点击
    这是一个创建于 3227 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    请问应该怎么做呢?

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

    20 条回复    2016-02-23 09:45:39 +08:00
    whahuzhihao
        1
    whahuzhihao  
       2016-02-22 09:59:09 +08:00   ❤️ 1
    手动遍历可以么
    ```
    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
        2
    oct16  
       2016-02-22 10:03:17 +08:00   ❤️ 1
    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
        3
    hienchu  
       2016-02-22 10:04:52 +08:00   ❤️ 1
    jarlyyn
        4
    jarlyyn  
       2016-02-22 10:11:18 +08:00   ❤️ 1
    楼主有没有听说过 Lodash/underscore ?
    jarlyyn
        5
    jarlyyn  
       2016-02-22 10:22:20 +08:00   ❤️ 1
    好吧,仔细看了下,楼主要的格式和 toparis 的有点区别

    https://lodash.com/docs#toPairs
    FrankFang128
        6
    FrankFang128  
       2016-02-22 10:26:55 +08:00   ❤️ 1
    无法保证顺序
    otakustay
        7
    otakustay  
       2016-02-22 11:45:56 +08:00   ❤️ 1
    Object.entries(o).map(([name, value]) => ({name, value}));
    ChefIsAwesome
        8
    ChefIsAwesome  
       2016-02-22 12:03:56 +08:00   ❤️ 1
    遍历一下不就行了,不知道楼主纠结在哪
    ncwhale
        9
    ncwhale  
       2016-02-22 13:12:46 +08:00   ❤️ 1
    {name:k, value: v} for k,v of map
    hanai
        10
    hanai  
       2016-02-22 13:18:06 +08:00   ❤️ 1
    Object.keys(obj).map(key => {name: key, value: obj[key]})
    exoticknight
        11
    exoticknight  
       2016-02-22 13:19:35 +08:00   ❤️ 1
    7 楼 es2015 正解
    mmzer
        12
    mmzer  
       2016-02-22 14:12:50 +08:00   ❤️ 1
    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
        13
    otakustay  
       2016-02-22 14:49:39 +08:00   ❤️ 1
    @exoticknight 还真不是 2015 的, entries 是 2016 的
    sinalvee
        14
    sinalvee  
       2016-02-22 15:47:47 +08:00   ❤️ 1
    yangxiongguo
        15
    yangxiongguo  
       2016-02-22 15:52:51 +08:00   ❤️ 1
    7 楼跟 10 楼都是手撸的吗,都报错了。
    klesh
        16
    klesh  
       2016-02-22 18:32:22 +08:00
    lodash:
    var pairs = _.map(o, function(v, k) {
    return { name: k, value: v };
    });
    exoticknight
        17
    exoticknight  
       2016-02-22 19:14:44 +08:00
    @otakustay 果然是,是我技术太渣了= =
    exoticknight
        18
    exoticknight  
       2016-02-22 19:15:03 +08:00
    @yangxiongguo 基本没有浏览器支持 es6/7 ……
    dustinth
        19
    dustinth  
       2016-02-22 20:38:17 +08:00
    underscore 或者 lodash 应该成为标配...自从用了就离不开了.
    magicdawn
        20
    magicdawn  
       2016-02-23 09:45:39 +08:00
    lodash

    ```js
    var obj = {a: 1, b: 2, c: 3};
    _.map(obj, (v,k) => {
    return {
    name: k,
    value: v
    };
    });
    ```
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1131 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 18:45 · PVG 02:45 · LAX 10:45 · JFK 13:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.