【问题标题】:put value of different keys to a single array将不同键的值放入单个数组
【发布时间】:2020-06-02 15:49:32
【问题描述】:

我有以下对象数组:

[
  {
    "name": "product1",
    "Jan": 3,
    "Feb": 2,
    "Mar": 0,
    "Apr": 1,
    "May": 3,
    "Jun": 0,
    "Jul": 0,
    "Aug": 0,
    "Sep": 5,
    "Oct": 0,
    "Nov": 0,
    "Dec": 0
  },
  {
    "name": "product2",
    "Jan": 4,
    "Feb": 0,
    "Mar": 0,
    "Apr": 1,
    "May": 1,
    "Jun": 0,
    "Jul": 0,
    "Aug": 0,
    "Sep": 5,
    "Oct": 0,
    "Nov": 0,
    "Dec": 0
  }
]

我想将所有月份的值传递给一个数组,按照月份的顺序如下:

[
  {
    "name": "product1",
    "data": [3, 2, 0, 1, 3, 0, 0, 0, 5, 0, 0, 0],
  },
  {
    "name": "product2",
    "data": [4, 0, 0, 1, 1, 0, 0, 0, 5, 0, 0, 0],
  }
]

那我该怎么做呢?

【问题讨论】:

    标签: javascript arrays json ecmascript-6


    【解决方案1】:

    你可以map它和里面取出name并得到Object.values()Object.values()的值:

    var array = [ { "name": "product1", "Jan": 3, "Feb": 2, "Mar": 0, "Apr": 1, "May": 3, "Jun": 0, "Jul": 0, "Aug": 0, "Sep": 5, "Oct": 0, "Nov": 0, "Dec": 0 }, { "name": "product2", "Jan": 4, "Feb": 0, "Mar": 0, "Apr": 1, "May": 1, "Jun": 0, "Jul": 0, "Aug": 0, "Sep": 5, "Oct": 0, "Nov": 0, "Dec": 0 }]
    
    var result = array.map(({name,...rest})=>({ name, data : Object.values(rest)}));
    
    console.log(result);

    【讨论】:

      【解决方案2】:

      使用map 迭代对象数组。将name 与其余条目分开,并返回一个带有name 和其余部分的对象(使用Object.values())。

      var arr = [ { name: "product1", Jan: 3, Feb: 2, Mar: 0, Apr: 1, May: 3, Jun: 0, Jul: 0, Aug: 0, Sep: 5, Oct: 0, Nov: 0, Dec: 0 }, { name: "product2", Jan: 4, Feb: 0, Mar: 0, Apr: 1, May: 1, Jun: 0, Jul: 0, Aug: 0, Sep: 5, Oct: 0, Nov: 0, Dec: 0 } ];
      var result = arr.map(item => {
        let { name, ...rest } = item;
        return { name, data: Object.values(rest) };
      });
      console.log(result);

      【讨论】:

        【解决方案3】:

        let data = [{
            "name": "product1",
            "Jan": 3,
            "Feb": 2,
            "Mar": 0,
            "Apr": 1,
            "May": 3,
            "Jun": 0,
            "Jul": 0,
            "Aug": 0,
            "Sep": 5,
            "Oct": 0,
            "Nov": 0,
            "Dec": 0
          },
          {
            "name": "product2",
            "Jan": 4,
            "Feb": 0,
            "Mar": 0,
            "Apr": 1,
            "May": 1,
            "Jun": 0,
            "Jul": 0,
            "Aug": 0,
            "Sep": 5,
            "Oct": 0,
            "Nov": 0,
            "Dec": 0
          }
        ];
        
        function GetData(data) {
          let res = [];
          for (let i = 0; i < data.length; i++) {
            res[i] = {};
            res[i].name = data[i].name;
            res[i].data = [];
            for (let item in data[i]) {
              if (item != "name") {
                res[i].data.push(data[i][item]);
              }
            }
          }
          return res;
        }
        
        console.log(GetData(data));

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2020-11-03
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2011-06-28
          • 1970-01-01
          相关资源
          最近更新 更多