0

嘿，我想只显示当天的最新消息，

事情是我不知道该怎么做，因为我的代码只选择了我第一次写的那个..

它甚至不是数组中的第一个对象.. 但它仍然需要它。

*请注意，此代码每隔几秒运行一次，以检查收到的新数据。

以下是我正在使用我的逻辑的响应以及带有逻辑的代码

在此处输入图像描述

isMOTD = false;
    var i = 0;
    var MOTD = "";
    while (messages[i].text && isMOTD == false) {
        i++;

     isMOTD = messages[i].text.includes("MOTD");

     if (isMOTD) 
       MOTD = messages[i].text;

    }

               if (isMOTD) {
        console.log(MOTD+' ' +'THIS IS MSG OF THE DAY')
                  $('.content', el).html(MOTD);
               }

      }
    };
4

2 回答 2

4

我会做这样的事情：

var MOTD = messages.filter(message => message.text.includes("MOTD"))
    .reduce((a, b) => a.ts > b.ts ? a : b, {ts: -1, text: ''})
    .text;

$('.content', el).html(MOTD);

.filter()创建一个新数组，其中仅包含带有 MOTD 的消息。

正在.reduce()通过该过滤后的数组并仅保留时间戳最高的消息。如果没有包含 MOTD 的字符串，我也将其默认为空字符串

然后.text，只处理字符串，而不是时间戳。

编辑：我被要求添加更多解释。

第一：箭头函数。EcmaScript 2015（JavaScript 的较新版本之一）提供了一种编写函数的新方法。当您看到 时=>，请考虑“功能”。而不是这样做：

function (a, b) {
    return a + b;
}

你可以这样做：

(a, b) => {
    return a + b;
}

或者，如果在这种情况下只有一个语句，您可以省略大括号、分号和回车：

(a, b) => a + b

第二：.filter。所有数组都有一个名为.filter. 顾名思义，目的是过滤数组。您传入一个描述您希望如何过滤它的函数，然后它创建一个仅包含匹配元素的新数组。

所以考虑以下几点：

var myArray = [1, 2, 3, 15, 18, 200];
var evenNumbers = myArray.filter(function (num) {
    return num % 2 == 0
});

它将遍历数组，并且对于数组的每个元素，它调用我指定的函数。如果函数返回 true，则包含该元素。如果函数返回 false，则不包含该元素。所以对于这个示例代码，evenNumbers将等于[2, 18, 200]

对于您的情况，我正在做的过滤器是：

messages.filter(function (message) {
   return message.text.includes("MOTD");  
});

因此，由此返回的数组将包含文本中包含“MOTD”的所有消息。排除缺少“MOTD”的消息。

第三：.reduce。所有的数组也有这个功能。Reduce 是一个非常通用的函数，但一般目的是获取您的数组，并以某种方式将其归结（或“减少”它）为单个值。您传入一些要为数组的每个元素调用的函数。当您的函数返回一个值时，该值将被结转并在下次运行该函数时使用。这是一个示例，我想对数组中的所有数字求和：

var myArray = [1, 2, 3, 4];
var total = myArray.reduce(function (sumSoFar, current) {
    var newSum = sumSoFar + current;
    return newSum;
}, 0); //<--- this 0 is the initial value

所以它是这样工作的：它将从初始值 0 开始，然后调用函数。SumSoFar 此时将为 0（因为初始值），而 current 为 1（因为我们从数组的第一个元素开始，其值为 1）。该函数将它们相加，然后返回一个新的总和 1。然后再次调用该函数，但现在 sumSoFar 为 1（因为这是上次返回的值），而 current 为 2（因为我们正在查看第二个元素）。它加 1 + 2，并返回一个新的和 3。所以它继续，加 3 + 3 得到 6，然后加 6 + 4 得到 10。我们完成了数组，所以最终值为10.

在您的情况下，我想逐步遍历数组并仅查找具有最新时间戳的消息。我从初始值开始{ts: -1, text: ''}，因为如果其中没有带有“MOTD”的消息，我希望得到空字符串作为结果。

.reduce(function (mostRecentMessageSoFar, currentMessage) {
   if (mostRecentMessageSoFar.ts > currentMessage.ts) {
      return mostRecentMessageSoFar;
   } else {
      return currentMessage;
   }
}, {ts: -1, text: ''});

所以这将遍历数组（记住，我们正在遍历过滤后的数组，所以它们都有“MOTD”），它正在寻找最新的消息。任何时候 currentMessage 比我们迄今为止发现的最好的更新，它会切换到那个是迄今为止最好的。最后，我们从整个数组中获取最新消息。

最后一条消息是一个看起来像这样的对象：

{
   type: 'message',
   user: 'U0GL3BR52',
   text: 'SOLVE MORE CASES #MOTD',
   ts: 1505236695.000533
}

只需要将文本放入 dom 中，因此我使用.text

所以，长篇大论，我的解决方案是这样的：

var MOTDMessages = messages.filter(function (message) {
   return message.text.includes("MOTD");
});

var MostRecentMOTDMessage = MOTDMessages.reduce(
   function (mostRecentMessageSoFar, currentMessage) {
      if (mostRecentMessageSoFar.ts > currentMessage.ts) {
         return mostRecentMessageSoFar;
      } else {
         return currentMessage;
      }
   }, {ts: -1, text: ''});

var MOTDText = MostRecentMOTDMessage.text;

$('.content', el).html(MOTDText);
于 2017-09-12T17:57:00.180 回答
0

只需在时间降序后对您的消息进行排序：

 messages.sort((a,b) => b.ts - a.ts );

然后就拿第一个：

messages[0]
于 2017-09-12T17:54:22.567 回答