Javascript 排序功能在 Safari/iPhone 中不起作用

2024-03-07

我已经浏览了之前提出的有关该主题的大部分问题,但仍然无法让我的问题发挥作用。

我有这段代码,它对对象数组进行排序:

array.sort(function(a,b){
  var dateA=new Date(a.created_time), dateB=new Date(b.created_time)
  return (dateB > dateA) ? 1 : (dateB < dateA) ? -1 : 0;
});

它在 FF 和 Chrome(桌面)中工作正常,但在 Safari(桌面/iPhone)和 Chrome(iPhone)中失败

对象数组是来自 Facebook 的 AJAX 调用,获取墙提要,我想按创建时间排序。

提前致谢...


问题是 Safari 和其他提到的浏览器(iPhone 上的 chrome)无法解析您传递给构造函数的输入字符串。这导致Invalid Date哪个原语值是NaN

因此,排序功能不能按预期工作,比较return (NaN > NaN) ? 1 : (NaN < NaN) ? -1 : 0;, 导致return 0

为了解决这个问题,用最少的解析工作,我想到只分割字符串 经过-|:|T|\+。并使用日期部分自己构建一个new Date

注意:不幸的是,像 var d = Date.apply([year,month,...]) 这样的事情是不可能的

这是一个在 Safari 上适用的排序函数

var dates = [{
        name: "A",
        created_time: '2013-06-05T08:05:06+0000'
    }, {
        name: "B",
        created_time: '2013-06-03T10:05:06+0000'
    }, {
        name: "C",
        created_time: '2013-06-03T01:05:06+0000'
    }
];

var sorted = dates.sort(function (a, b) {
        var reg = /-|:|T|\+/; //The regex on which matches the string should be split (any used delimiter) -> could also be written like /[.:T\+]/
        var parsed = [ //an array which holds the date parts for a and b
            a.created_time.split(reg), //Split the datestring by the regex to get an array like [Year,Month,Day,Hour,...]
            b.created_time.split(reg)
        ];
        var dates = [ //Create an array of dates for a and b
            new Date(parsed[0][0], parsed[0][1], parsed[0][2], parsed[0][3], parsed[0][4], parsed[0][5]),//Constructs an date of the above parsed parts (Year,Month...
            new Date(parsed[1][0], parsed[1][1], parsed[1][2], parsed[1][3], parsed[1][4], parsed[1][5])
        ];
        return dates[0] - dates[1]; //Returns the difference between the date (if b > a then a - b < 0)
    });

给出输出:

console.log(sorted);
/*
[{
        "created_time": "2013-06-03T01:05:06+0000",
        "name": "C"
    }, {
        "created_time": "2013-06-03T10:05:06+0000",
        "name": "B"
    }, {
        "created_time": "2013-06-05T08:05:06+0000",
        "name": "A"
    }
]
*/

Demo on JSBin http://jsbin.com/elotuc/1/edit

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Javascript 排序功能在 Safari/iPhone 中不起作用 的相关文章

随机推荐