首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用JS编辑JSON数据结构

使用JS编辑JSON数据结构
EN

Stack Overflow用户
提问于 2016-06-02 22:16:03
回答 2查看 112关注 0票数 1

原始JSON文件:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
"data": {
    "count_at_hub": [
        {
            "hub": "A",
            "date": "",
            "size": "1",
            "count": 141
        },
        {
            "hub": "A",
            "date": "",
            "size": "2",
            "count": 44
        },
        {
            "hub": "A",
            "date": "",
            "size": "3",
            "count": 3
        },
        {
            "hub": "A",
            "date": "",
            "size": "0",
            "count": 1446
        },
        {
            "hub": "B",
            "date": "",
            "size": "1",
            "count": 202
        },
        {
            "hub": "B",
            "date": "",
            "size": "0",
            "count": 2082
        },
        {
            "hub": "B",
            "date": "",
            "size": "3",
            "count": 11
        },
        {
            "hub": "B",
            "date": "",
            "size": "2",
            "count": 53
        }
    ],
    "Part B":[
        {

        }
    ]
},
"success": true,
"errors": [],
"e": {}}

我想把结构改为:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
"data": {
    "count_at_hub": [
        {
            "hub": "A",
            "date": "",
            "size1": 141,
            "size2": 44,
            "size3": 3,
            "size4": 1446
        },

        {
            "hub": "B",
            "date": "",
            "size1": 202,
            "size2": 2082,
            "size3": 11,
            "count": 53
        }
    ],
    "Part B":[
        {

        }
    ]
},
"success": true,
"errors": [],
"e": {}}

基本上,我想把同一个集线器的所有计数放在同一个数组下面。我该怎么做呢?

就海量数据而言,将JSON更改为新文件是否会使加载速度比让JS遍历原始文件以构建仪表板更长?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-06-02 22:27:58

您可以迭代一个对象并将其作为结果数组的引用。

size": "0"的元素转到size4

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var object = { "data": { "count_at_hub": [{ "hub": "A", "date": "", "size": "1", "count": 141 }, { "hub": "A", "date": "", "size": "2", "count": 44 }, { "hub": "A", "date": "", "size": "3", "count": 3 }, { "hub": "A", "date": "", "size": "0", "count": 1446 }, { "hub": "B", "date": "", "size": "1", "count": 202 }, { "hub": "B", "date": "", "size": "0", "count": 2082 }, { "hub": "B", "date": "", "size": "3", "count": 11 }, { "hub": "B", "date": "", "size": "2", "count": 53 }], "Part B": [{}] }, "success": true, "errors": [], "e": {} },
    temp = [];

object.data.count_at_hub.forEach(function (a) {
    if (!this[a.hub]) {
        this[a.hub] = { hub: a.hub, date: a.date, size1: 0, size2: 0, size3: 0, size4: 0 };
        temp.push(this[a.hub]);
    }
    this[a.hub]['size' + (+a.size || 4)] += a.count;
}, Object.create(null));

object.data.count_at_hub = temp;

console.log(object);

票数 2
EN

Stack Overflow用户

发布于 2016-06-03 01:03:53

嗨,这是我的答案,根据我的建议,大小数组中的每个size.count位于与大小值相对应的索引上。也就是说,size: 0 count : 2082[2082,,,]一样放置在数组中。要访问大小和计数,您可以像count = sizes[size]那样做,代码如下;

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var cag =  [
        {
            "hub": "A",
            "date": "",
            "size": "1",
            "count": 141
        },
        {
            "hub": "A",
            "date": "",
            "size": "2",
            "count": 44
        },
        {
            "hub": "A",
            "date": "",
            "size": "3",
            "count": 3
        },
        {
            "hub": "A",
            "date": "",
            "size": "0",
            "count": 1446
        },
        {
            "hub": "B",
            "date": "",
            "size": "1",
            "count": 202
        },
        {
            "hub": "B",
            "date": "",
            "size": "0",
            "count": 2082
        },
        {
            "hub": "B",
            "date": "",
            "size": "3",
            "count": 11
        },
        {
            "hub": "B",
            "date": "",
            "size": "2",
            "count": 53
        }
    ],
   reduced = cag.reduce((p,c) => (p[c.hub] ? p[c.hub].sizes[c.size] = c.count
                                           : p[c.hub] = {  "hub": c.hub,
                                                          "date": c.date,
                                                         "sizes": (new Array(c.size*1)).concat(c.count)},
                                  p),{}),
    result = Object.keys(reduced).map(k => reduced[k]);
    console.log(result);

我首先构造一个简化的对象,这个对象也可以用于您的目的,但随后我将这个对象映射到一个数组中,以便数据位于对象数组中。您可以使用您最喜欢的任何形式的数据。

稍微令人困惑的部分可能是(new Array(c.size*1)).concat(c.count)指令。在那里,我们正在创建一个新的对象(通过对象文本),我们必须启动一个稀疏大小数组,其中只有一个值插入到由size值指定的索引位置。因此,我们构造了一个大小为(new Array(c.size*1))的新数组,但是c.size值是字符串类型的。如果我们确实喜欢new Array("2"),那么我们将在索引0处接收一个带有一个字符串项("2")的数组。但我们需要一个大小为2的数组。这就是为什么我们通过"2"*1操作将字符串"2“转换为数字2的原因(乘法运算符类型强制字符串转换为数字)。因此,我们收到了一个大小为2的空数组。现在是concat操作,它将大小值附加到结果数组中正确的索引位置。

本质上是以下两个指令的统一

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    var sizes = [];
sizes[c.size] = c.count;
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37607174

复制
相关文章
还在用 SimpleDateFormat, 来试试 DateTimeFormatter
1.8 以前 Java 关于日期的类是 Date 与 Calendar, 与之对应的格式化的类是 SimpleDateFormat。 上一篇介绍了在1.8 中提供的 java.time 包, Java 提供了更加丰富的时间类型来供我们使用,与之对应的格式化类型也需要使用新提供的 DateTimeFormatter。
Dylan Liu
2020/11/17
9260
还在用 SimpleDateFormat, 来试试 DateTimeFormatter
1.8 以前 Java 关于日期的类是 Date 与 Calendar, 与之对应的格式化的类是 SimpleDateFormat。 上一篇介绍了在1.8 中提供的 java.time 包, Java 提供了更加丰富的时间类型来供我们使用,与之对应的格式化类型也需要使用新提供的 DateTimeFormatter。
Dylan Liu
2020/11/23
1.4K0
localdate和localdatetime互转_datetimeformatter.ofpattern
现在LocalDateTime、LocalDate、Date之间的相互转换就完成了
全栈程序员站长
2022/11/10
1.7K0
localdate和localdatetime互转_datetimeformatter.ofpattern
Turbopack似乎并没有那么牛
这几天前端圈子有一个比较火的基建工具Turbopack,官方文档号称比vite快10倍,比webpack快700倍。今天正好有空,把官方提供的demo浅玩了一下,发现它并没有那么神。
神奇的程序员
2023/01/09
7610
Turbopack似乎并没有那么牛
JAVA日期安全格式化之SimpleDateFormat和jodaTime,DateTimeFormatter
SimpleDateFormat线程不安全的日期格式化库 SimpleDateFormat是JAVA提供的一个日期转换类。 package com.rumenz.task; import java.text.SimpleDateFormat; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ExecutorService; import java.util.concurrent.Executors; impor
开源日记
2021/01/28
6280
社区团购,尽头似乎还很远
受疫情影响社区团购再度站上了风口,众多互联网巨头纷纷入局社区团购领域,试图从中分走一块蛋糕。据企查查大数据研究院发布的《2020年社区团购投融资数据报告》显示,2020年社区团购行业公开披露的融资事件达19起,融资总金额为171.7亿元,同比增长了356.3%。
刘旷
2021/10/08
1.3K0
LocalDate的简单用法介绍
Java8的特性已经不再是“新特性”,很多Java8的类也逐渐被更多的程序员在使用。
明明如月学长
2021/08/31
8000
攻击SDN交换机,似乎很有趣
软件定义交换机似乎给网络运营商提供了许多功能,但在拉斯维加斯Black Hat 2015全球顶尖安全会议上,一篇名为《STAYING PERSISTENT IN SOFTWARE DEFINED NE
SDNLAB
2018/04/03
8040
攻击SDN交换机,似乎很有趣
将string字符串转成LocalDateTime工具类
``` public class LocalDateTimeUtil { /** * 将Long类型的时间戳转换成String 类型的时间格式,时间格式为:yyyy-MM-dd HH:mm:ss */ public static String convertTimeToString(Long time){ if (StringUtils.isEmpty(time)){ return null; } DateTimeFormatter ftf = DateTimeF
高大北
2022/06/14
4.1K0
JDK8的日期时间操作
查询当前日期(年月日)LocalDate localDate = LocalDate.now();System.out.println(localDate);//2021-11-18查询当前时间(时分秒)LocalTime localTime = LocalTime.now();String format = localTime.format(DateTimeFormatter.ofPattern("HH🇲🇲ss"));System.out.println(localTime.getHour()+":"+l
在下是首席架构师
2022/08/18
9300
java8将日期格式yyyyMM转换为LocalDate
当我们希望将一个yyyyMM格式的日期转换为LocalDate的时候,不出意外会报错java.time.format.DateTimeParseException 因为LocalDate是需要指定到具体的一天的,所以当我们想解析202211这个字符串时因为没有对应的这个月的哪一天,所以运行的时候会报错,导致无法构建LocalDate的实例。
翎野君
2023/05/12
1.4K0
JAVA8实战 - 日期API
这一节我们来讲讲JAVA8的日期类,源代码的作者其实就是Joda-Time,所以可以看到很多代码的API和Joda类比较像。日期类一直是一个比较难用的东西,但是JAVA8给日期类提供了一套新的API让日期类更加好用。
阿东
2021/08/16
1.6K0
【最爽的日期工具包LocalDate·超爽,超实用】(Java8版本)
需要的包: import java.time.DayOfWeek; import java.time.LocalDate; import java.time.LocalDateTime; import java.time.LocalTime; import java.time.format.DateTimeFormatter; import java.time.temporal.ChronoUnit; import java.time.temporal.TemporalAccessor; import j
红目香薰
2022/11/28
6690
LocalDate & LocalDateTime 常用 API 互相转换
在平常时开发过程中,总有很多奇奇怪怪的时间需要互相转换,比如 Date to String , Date to DateTime , String to Date , String to DateTime ,Date to TimeStamp等等……,中间就算对JavaApi再熟悉也难免会搞混,还不如做一些简单的记录,方便日后需要用到之时直接复制出来使用即可。
BUG弄潮儿
2021/10/08
2.3K0
LocalDate & LocalDateTime 常用 API 互相转换
java 8 日期操作,真香!
java 8 的日期类已经出来很长一段时间了,一直以来也没怎么用过,最近用到了感觉太好用了,真香。
索码理
2022/09/20
6080
Jenkins安装报错:该Jenkins实例似乎已离线
打开一个新的Tab,输入网址:http://localhost:8080/pluginManager/advanced
Java架构师历程
2020/04/21
2.5K0
VMware:该虚拟机似乎正在使用中。
进入这个虚拟机虚拟文件存放的位置,也就是上图中的配置文件位置: 将下图圈起来这个.lck后缀的文件夹删除就可以
别团等shy哥发育
2023/02/25
4400
VMware:该虚拟机似乎正在使用中。
有了它,我们似乎可以告别 Stack Overflow 了?
先问大家一个问题,如果你撸代码的过程中遇到了一个问题不知道怎么解决,你一般会怎么办?
崔庆才
2020/06/29
2.5K0
有了它,我们似乎可以告别 Stack Overflow 了?
为什么不建议使用Date,而是使用Java8新的时间和日期API?
在Java 8之前,所有关于时间和日期的API都存在各种使用方面的缺陷,因此建议使用新的时间和日期API,分别从旧的时间和日期的API的缺点以及解决方法、Java 8 新的时间和日期API进行讲解。
武培轩
2019/09/16
2K0
java获取当前日期和时间(各种方法对比)
System.currentTimeMillis()产生一个当前的毫秒,这个毫秒其实就是自1970年1月1日0时起的毫秒数,类型为long; Date:
ha_lydms
2023/08/09
3K0
java获取当前日期和时间(各种方法对比)

相似问题

Spring中的日期转换只差一天

30

Joda时间: DateTimeFormatter :一天的开始

11

如何从月中的某一天起算平日

59

如何只拉取平日的前一天记录?

333

DatePicker,FullCalendar和MySQL事件的日期最后只差一天

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文