jQuery - 按时间顺序对任何给定的 JSON 进行排序
Posted
技术标签:
【中文标题】jQuery - 按时间顺序对任何给定的 JSON 进行排序【英文标题】:jQuery - sort any given JSON chronologically 【发布时间】:2021-07-10 11:09:32 【问题描述】:我有这个 JSON 数组,我正在尝试将它渲染到 chartistJs 中。但是,此 JSON 的结果未按时间顺序格式化。
[
"May2021": "181287.56",
"Mar2021": "94824.95",
"Feb2021": "79316.17",
"Apr2021": "107782.89",
"Jan2021": "94802.65",
"Jun2021": "100671.2"
]
我拥有的 jQuery 逻辑是捕获月份值并将其呈现为 X 和 Y 轴系列。
$(document).ready(function ()
var months =
Jan: 0,
Feb: 1,
Mar: 2,
Apr: 3,
May: 4,
Jun: 5,
Jul: 6,
Aug: 7,
Sep: 8,
Oct: 9,
Nov: 10,
Dec: 11
;
$.ajax(
url:
"https://flci9mttga.execute-api.ap-south-1.amazonaws.com/poc/costAggregateAPI",
type: "GET",
dataType: "json",
async: true,
crossDomain: true,
success: function (response)
//console.log(response);
var arrLabels = [],
arrShortLabels = [],
arrSeries = [],
arrSortedSerise = [];
$.map(response, function (item, index)
var dtM = item.substring(0, 3);
var dtY = item.substring(3, 7);
arrLabels.push(new Date(dtY, months[dtM]));
arrShortLabels.push(new Date(dtY, months[dtM]).toDateString("MMYYYY"));
arrSeries.push(item.Y);
);
arrShortLabels.sort(function (x, y)
let a = new Date(x),
b = new Date(y);
return a - b;
);
var data =
labels: arrShortLabels,
series: arrSeries
;
demo.initDocChartist(data);
);
);
ChartistJS 插件代码如下-
initDocChartist: function (data)
var dataSales =
labels: data.labels,
series: [data.series]
;
var optionsSales =
lineSmooth: false,
low: 0,
high: 120000,
showArea: true,
height: "245px",
axisX:
showGrid: false
,
lineSmooth: Chartist.Interpolation.simple(
divisor: 3
),
showLine: false,
showPoint: false
;
var responsiveSales = [
[
"screen and (max-width: 640px)",
axisX:
labelInterpolationFnc: function (value)
return value[0];
]
];
Chartist.Line("#chartHours", dataSales, optionsSales, responsiveSales);
如果有人能帮我解决这个问题,我们将不胜感激
【问题讨论】:
如果您可以确保这些对象始终只包含一个表示日期字符串的键,您可以使用Object.keys(o)[0]
来访问该键。然后使用日期库或什至仅使用 Date 构造函数解析密钥(我不会这样做...)new Date(key)
,然后您可以将日期与date1.getTime() - date2.getTime()
进行比较。
【参考方案1】:
使用标准的日期格式,例如 ISO
手动输入数据且不懂编程的人有时只会将日期写为“Mar2020”,因为他们总是打算仅手动解释它。
但是,作为一名程序员,您应该尝试始终以易于自动解释的明确方式存储信息。
我建议你把月份单词+年份,转换成如下数字格式:
yyyy-mm
这很好,因为:
这对于来自任何人类语言的程序员来说都是明确的 一般人都能理解 如果您按字母顺序排序,它会自动按日期顺序排列 它是 ISO 1601 日期格式的第一部分,在计算中得到广泛理解和使用。你快到了
而不是使用toDateString
进行转换,而是应用任意不可排序的方案,例如“mmyyyy”,使用
.toDateString("MMYYYY")
...试试吧:
.toISOString().slice(0,7)
生成的结构只是一个字符串,这意味着它是
易于明确存储
容易理解
不存在日期类型有时会出现的时区问题
您可以在编辑器中使用 图标发布您的代码
人们会发现测试您的代码更容易,因此会更鼓励为您修改它。
【讨论】:
以上是关于jQuery - 按时间顺序对任何给定的 JSON 进行排序的主要内容,如果未能解决你的问题,请参考以下文章