日期排序react_在React JS中按日期对数组进行排序

最新推荐文章于 2024-05-27 22:56:36 发布
最新推荐文章于 2024-05-27 22:56:36 发布
阅读量779 收藏
点赞数
文章标签： 日期排序react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39525812/article/details/112889306
版权

小编典典

使用Date构造函数并执行类似的操作。

let sortedCars1 = cars.sort((a, b) => new Date(...a.initialRegistration.split('/').reverse()) - new Date(...b.initialRegistration.split('/').reverse()));

let cars = [{

"id": 20,

"mileage": 41300,

"make": "Golf",

initialRegistration: "09/02/2010"

}, {

"id": 21,

"mileage": 51300,

"make": "Passat",

initialRegistration: "06/04/2012"

}, {

"id": 22,

"mileage": 61300,

"make": "Audi",

initialRegistration: "02/01/2018"

}, {

"id": 23,

"mileage": 20300,

"make": "Touran",

initialRegistration: "17/09/2013"

}, {

"id": 24,

"mileage": 10300,

"make": "Polo",

initialRegistration: "26/07/2014"

}];

let sortedCars1 = cars.sort((a, b) => new Date(...a.initialRegistration.split('/').reverse()) - new Date(...b.initialRegistration.split('/').reverse()));

console.log(sortedCars1);

或通过String#localeCompare将日期字符串反转后使用字符串比较。

let sortedCars1 = cars.sort((a, b) =>

a.initialRegistration.split('/').reverse().join().localeCompare(b.initialRegistration.split('/').reverse().join()));

let cars = [{

"id": 20,

"mileage": 41300,

"make": "Golf",

initialRegistration: "09/02/2010"

}, {

"id": 21,

"mileage": 51300,

"make": "Passat",

initialRegistration: "06/04/2012"

}, {

"id": 22,

"mileage": 61300,

"make": "Audi",

initialRegistration: "02/01/2018"

}, {

"id": 23,

"mileage": 20300,

"make": "Touran",

initialRegistration: "17/09/2013"

}, {

"id": 24,

"mileage": 10300,

"make": "Polo",

initialRegistration: "26/07/2014"

}];

let sortedCars1 = cars.sort((a, b) =>

a.initialRegistration.split('/').reverse().join().localeCompare(b.initialRegistration.split('/').reverse().join()));

console.log(sortedCars1);

2020-07-22

weixin_39525812
关注
日期排序react_使用React对表数据进行排序
weixin_33292780的博客
01-13 1005
通常，当拥有包含信息的表时，希望能够按升序或降序对表中的信息进行排序，尤其是在处理数字时。先决条件在我们继续之前，让我们看看我们将在本教程中使用的内容：Foundation - 用于一般样式。我们为表格样式使用它，因为我们不希望被本教程中的样式分散注意力ReactJS - 请注意，我不打算在本教程中解释React的基础知识。通过继续我假设你之前使用它(虽然我们要做的事情并不难????)数据 - 如上所...
react 数据库排序_如何使用React对表数据进行排序
cumi6497的博客
08-12 1858
react 数据库排序Often when you have a table with information you'd want to be able to sort the information in the table in ascending or descending order, especially when you are dealing with numbers. 通常，当...
react 日期格式 排序
xiaowengang的专栏
12-02 400
react 日期格式 排序
React对带有日期的数组进行排序
q1054007919的博客
05-20 894
使用ES6里面的sort方法可实现排序功能 //对数组根据日期进行排序 sortDataArray(dataArray) { return dataArray.sort(function (a, b) { return Date.parse(b.createTime.replace(/-/g, "/")) - Date.parse(a.createTime.replace(/-/g, "/")); }); } 传入数.
React中的排序 -----根据时间排序 ----时间处理器—silly-datetime
wwwdddwff的博客
03-30 786
Js数组排序， 按照时间类型对象排序，时间戳转换
日期排序react_react+antd 步骤条改为时间顺序条
weixin_34456923的博客
01-13 498
需求描述：返回四个时间，按照顺序展示，如果返回的时间相同，则在一个步骤点展示数据拿到数据：排序好的数据：处理好的数据：页面效果：代码实现：const getList = () => {const newList = stepList.sort((a, b) => Date.parse(a.time.replace(/-/g, '/')) - Date.parse(b.time.repl...
react-reflux-sortabe-table:使用React和回流的可排序表的简单实现
07-05
在 React + Reflux 中实现可排序表... 对this.state.books进行排序并调用this.forceUpdate() - 这可能并不总是您想要的，因为更改只发生在对数组进行排序的任何组件中。 调用存储进行排序的操作方法可能正是您想要的。
JS实现table表格数据排序功能(可支持动态数据+分页效果)
11-22
4. **数组排序**: JavaScript的`Array.prototype.sort()`方法用于对数组元素进行排序。在示例中，这个方法被用来对表格数据进行排序。 5. **自定义排序算法**: `mySort`函数是自定义的排序算法，它首先根据字符串...
html中table数据排序的js代码
10-28
之后，使用JavaScript的Array.sort方法对数组进行排序。sort方法可以接受一个比较函数来定义排序逻辑，根据点击次数的奇偶性来决定是升序还是降序排列。这里使用了localeCompare方法来对字符串进行比较，并根据比较...
JS根据json数组多个字段排序及json数组常用操作
12-10
js 根据json数组多个字段排序的实现代码如下所示： /**数组根据数组对象中的某个属性值进行排序的方法 * 使用例子：newArray.sort(sortByArr(['number'],false)) //表示根据number属性降序排列;若第二个参数不传递，默认表示升序排序 * @param attr 排序的属性 ['name','sex'...],根据一个字段或者多个字段排序 * @param rev true表示升序排列，false降序排序 * */ function sortByArr(arr, rev) { if (rev == undefined) {
日历控件（签到、日程表）
11-28
这是一款完全本人自定义的非常简洁的日历控件，主要用来做每日签到功能或者日程表的显示。比起其它臃肿的日历控件，这个是绝对的简单和简洁
react
最新发布
Jasmin博客
05-27 1131
面试
浅谈React实现table根据不同字段升降序排序
筱葭的博客
05-04 8464
tableBox.html： tableBox.jsx： var data = [ {name: "Bruce", age: 23, id: 16, score: 80}, {name: "Alice", age: 24, id: 12, score: 90}, {name: "David", age: 21, id: 11,
js 日期排序（Sort）
热门推荐
忆凌波的专栏
07-22 1万+
按创建时间排序 例如 response=data.rows 1.倒序 response.sort(function (a, b) { return a.createtime<b.createtime?1:-1; }); 2.升序 response.sort(function (a, b) { return a.createtime>b.crea
比较多个日期大小，并对这些日期进行排序
李蓝箫
12-06 2409
算法分析：    public int compare(Date date)    {        /*         * 1表示大于，0表示等于，-1表示小于 如果传入的年，大于当前的年，返回1，否则返回-1；         * 如果传入的月，大于当前的月，返回1，否则返回-1； 如果传入的日，大于当前的日，返回1，否则返回-1；         */ 
react排序（sort）
weixin_50805397的博客
09-14 3124
import React, { Component } from "react"; export default class App extends Component { state = { tableData: [ { name: "John ll", score: 62.7, }, { name: "John hh", score: 76, }, { .
react-redux实现升序降序排序
前端小白成长记
11-27 2925
action.js 下面代码中的patientList是一个数据数组，比较patientList数组中的sirenId，然后patientList这一行数据也排序 export function upSort(patientList) { return async dispatch =&gt; { var sortarr = [] for (var i = 0; i &lt...
react将对有日期的数组排序
06-07
如果你想要对一个包含日期的数组进行排序，你可以使用JavaScript的sort()方法。具体步骤如下： 1. 将日期数组中的每个日期转换为时间戳（以毫秒为单位）。 2. 使用sort()方法对时间戳数组进行排序。 3. 将排序后的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值