比较并过滤对象中的日期属性

Question

我有一个看起来像这样的对象：

    myObject = {

      publishedDate: string;

      Url: string;

      Title: string;

  }

属性“publishedDate”是格式为“19/01/2021”的字符串。例如，它可以有一个未来的日期，即大于今天的值。换句话说，我想保留 PublicationDate 等于或小于今天的所有对象（并删除所有已结束的对象）。对象保存在我的状态（数组）中：

this.state.data

我首先为今天的值创建一个日期变量，以便将其与publishedDate 进行比较。我还使用 moment() 将其格式化为与对象相同的日期格式：

let today = moment().format("DD/MM/YYYY");

然后我使用过滤方法来比较并过滤掉数据：

  this.state.data.filter(item => new Date(item.publishedDate) >= new Date(today))

而且我也尝试过：

  this.state.data.filter(function(item) {

    

      if (new Date(item.publishedDate) >= new Date(today)) {

        return false;

      }

    return true;

  });

它不仅不起作用，而且我仍然拥有数组中的所有对象，并且没有任何内容被过滤掉。代码有什么问题吗？

Answer 1

您可以moment像这样简单地使用 的内置比较器this.state.data.filter(item => moment(item.publishedDate,'DD/MM/YYYY').isSameOrAfter(today))

Answer 2

构造函数Date不会接受您当前使用的格式，但它会识别MM/DD/YYYY格式。此外，filter保留函数返回 true 的元素，因此您应该检查 是否Date小于或等于当前Date。const today = new Date;this.state.data = this.state.data.filter(({publishedDate})=>{&nbsp; &nbsp; const [d, m, y] = publishedDate.split("/");&nbsp; &nbsp; return new Date(m + "/" + d + "/" + y) <= today;});

Answer 3

使用 moment 的String + Format 初始值设定项和Is Same Or After：this.state.data.filter(item => moment(item.publishedDate, 'DD/MM/YYYY').isSameOrAfter())

Answer 4

一种可能性是使用辅助函数notAfterToday，它接受一个属性名称（在我们的例子中'publishedDate'）并返回一个函数，该函数接受具有该属性名称的对象并报告该日期是在当前日期之前还是在当前日期。例如，它通过将 2020 年 12 月 18 日转换为“20201218”，并使用该字符串进行比较来实现此目的。请注意，这样做的一个优点是它只调用一次 Date 构造函数，用于初始计算今天的日期。const data = [{publishedDate: '18/12/2020', Url: 'http://example.com/1', Title: 'abc'}, {publishedDate: '19/01/2021', Url: 'http://example.com/2', Title: 'def'}, {publishedDate: '07/04/2014', Url: 'http://example.com/3', Title: 'ghi'}, {publishedDate: '19/07/2023', Url: 'http://example.com/4', Title: 'jkl'}, {publishedDate: '05/01/1966', Url: 'http://example.com/5', Title: 'mno'}, {publishedDate: '01/07/2041', Url: 'http://example.com/6', Title: 'pqr'}, {publishedDate: '08/05/2061', Url: 'http://example.com/7', Title: 'stu'}, {publishedDate: '10/08/1999', Url: 'http://example.com/8', Title: 'vwx'}]const notAfterToday = (prop) => {&nbsp; const reorg = (date, [d, m, y] = date.split('/')) => y + m + d&nbsp;&nbsp; const today = new Date()&nbsp; const compare = today .getFullYear() +&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; String ((today .getMonth () + 1)) .padStart (2, '0') +&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; String (today .getDate ()) .padStart (2, '0')&nbsp; return (d) => compare >= reorg (d [prop])}console .log (data .filter (notAfterToday ('publishedDate'))).as-console-wrapper {max-height: 100% !important; top: 0}

Answer 5

在与今天进行比较之前，您必须对日期字符串进行一些微调。你可以试试这个——const data = [&nbsp; {&nbsp; &nbsp; publishedDate: "19/01/2021",&nbsp; &nbsp; url: '',&nbsp; &nbsp; title: 'date1'&nbsp; },&nbsp; {&nbsp; &nbsp; publishedDate: "19/05/2021",&nbsp; &nbsp; url: '',&nbsp; &nbsp; title: 'date2'&nbsp; },&nbsp; {&nbsp; &nbsp; publishedDate: "13/01/2020",&nbsp; &nbsp; url: '',&nbsp; &nbsp; title: 'date3'&nbsp; },&nbsp; {&nbsp; &nbsp; publishedDate: "16/09/2009",&nbsp; &nbsp; url: '',&nbsp; &nbsp; title: 'date4'&nbsp; },];const parseDate = (dateString) => new Date(...dateString.split('/').reverse());const result = data.filter(item => parseDate(item.publishedDate) <= new Date());console.log(result);

Answer 6

将日期存储为字符串是一种代码味道。与将它们存储为 JS 原生日期格式或 Moment.JS 日期对象等替代方案相比，比较、存储和转换它们更加困难。这是一个简单的示例，说明如果您将对象存储为日期，您可以如何做到这一点。请注意，第三个对象已被过滤掉。const myObject1 = {&nbsp; publishedDate: new Date("2019-01-01"), // NEW&nbsp; Url: "whatever",&nbsp; Title: "sample",}const myObject2 = {&nbsp; publishedDate: new Date("2020-01-01"), // NEW&nbsp; Url: "whatever",&nbsp; Title: "sample",}const myObject3 = {&nbsp; publishedDate: new Date("2099-01-01"), // NEW&nbsp; Url: "whatever",&nbsp; Title: "sample",}const arr = [myObject1, myObject2, myObject3];const today = new Date();const filtered = arr.filter((obj) => obj.publishedDate < today);console.log(filtered);