代码之家 › 专栏 › 技术社区 › John V

从将数组作为条目的映射创建JSON字符串

collections javascript

John V · 技术社区 · 6 年前

我的数据结构对象是具有以下结构的映射:

{
  "2018-09-25":[0,1,2,0,8],
  "2018-10-17":[0,2,0,0,0],
  "2018-10-26":[0,2,1,0,0],
  "2018-10-29":[0,2,2,1,0],
  "2018-10-31":[0,3,2,1,0],
  "2018-11-01":[0,3,3,1,0],
  "2018-11-02":[0,4,4,1,0]
}

我用 JSON.stringify 然后 JSON.parse . 但是,我需要以某种方式命名元素,以便引用它们(例如,绘制图表时)。我尝试了以下方法,但我得到了 NaN 作为一个值。

data = Object.keys(data).map(function (k) { 
        return {date: new Date(k), value: +data[k]};
      });

我想要这样的东西:

密钥:“2018-09-25”
1:0
2∶1
3:2
4:0
5:8

1 回复 | 直到 6 年前

Mark 6 年前

因为你在使用 map() 看起来您需要一个数组作为最终结果。但是,由于数组的大小不同, MAP() 不太管用。可以使用reduce将内部数组展平为一个大数组:

let o = {"2018-09-25":[0,1,2,0,8],
         "2018-10-17":[0,2,0,0,0],
         "2018-10-26":[0,2,1,0,0],
         "2018-10-29":[0,2,2,1,0],
         "2018-10-31":[0,3,2,1,0],
         "2018-11-01":[0,3,3,1,0],
         "2018-11-02":[0,4,4,1,0]
        }
let newAr = Object.entries(o).reduce((arr, [key, values]) => {
    return arr.concat(values.map(n => ({date: new Date(key), value: n})))
}, [])

console.log(newAr)

这就是你想要的吗?

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

5 月前

Alex · 在轻量级中同时解构和不解构变量

5 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

5 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

5 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

5 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

5 月前