web-dev-qa-db-fra.com

Comment regrouper des objets avec des propriétés d'horodatage par jour, semaine, mois?

Dans une application nodejs, j'ai un tableau d'objets événement formatés comme suit:

eventsArray = [ {id: 1, date: 1387271989749 }, {id:2, date: 1387271989760}, ... ]

eventsArray ayant une longueur variable de n éléments, et en supposant que je choisis la référence de temps comme étant l'heure de Paris, je veux pouvoir grouper les éléments par jour, semaine ou mois:

groupedByDay = {

            2012: { ... },
            2013: {
              dayN  : [{id: a0, date: b0}, {id: a1, date: b1}, {id: a2, date: b2 }],
              dayN+1: [{id: a3, date: b3}, {id: a4, date: b4}, {id: a5, date: b5 }],
              ...
                   },
            2014: { ... }

          }

groupedByWeek = {
            2012: { ... }
            2013: {
              weekN: [{id: a0, date: b0}, {id: a1, date: b1}, {id: a2, date: b2 }],
              weekN+1: [{id: a3, date: b3}],
              ....
                  },
             2014: { ... }
                }

groupedByMonth = {
             2012: { ... },
             2013: {
               monthN: [ {id: a0, date: b0 }, {id: a1, b1}, {id: a2, b2}, {id: a3, b3 }],
               monthN+1: [ {id: a4, date: b4 }, {id: a5, b5}, {id: a6, b6}],
               ...
                   },
              2014: { ... }
                 }

Ayant très peu d'expérience dans la manipulation des horodatages Unix, je me demandais comment cela pouvait être fait ou s'il y avait un module npm qui rendrait cela plus facile.

javascriptnode.jstimezonetimestamp
24
Running Turtle

Voici ma solution. Gardez à l'esprit que le jour, la semaine et le mois sont relatifs à l'origine, car Epoch:

eventsArray = [ {id: 1, date: 1387271989749 }, {id:2, date: 1387271989760} ];
byday={};
byweek={};
bymonth={};
function groupday(value, index, array)
{
    d = new Date(value['date']);
    d = Math.floor(d.getTime()/(1000*60*60*24));
    byday[d]=byday[d]||[];
    byday[d].Push(value);
}
function groupweek(value, index, array)
{
    d = new Date(value['date']);
    d = Math.floor(d.getTime()/(1000*60*60*24*7));
    byweek[d]=byweek[d]||[];
    byweek[d].Push(value);
}
function groupmonth(value, index, array)
{
    d = new Date(value['date']);
    d = (d.getFullYear()-1970)*12 + d.getMonth();
    bymonth[d]=bymonth[d]||[];
    bymonth[d].Push(value);
}
eventsArray.map(groupday);
eventsArray.map(groupweek);
eventsArray.map(groupmonth);
12
user568109

Toutes les solutions ci-dessus sont des solutions JS, Vanilla lourdes et pures. Si vous êtes d'accord pour utiliser quelques bibliothèques, alors lodash et moment peuvent être utilisés ensemble pour un simple liner:

ES6

let groupedResults = _.groupBy(results, (result) => moment(result['Date'], 'DD/MM/YYYY').startOf('isoWeek'));

JS plus ancien

var groupedResults = _.groupBy(results, function (result) {
  return moment(result['Date'], 'DD/MM/YYYY').startOf('isoWeek');
});

Cela se traduira par un tableau qui est saisi au début de la semaine, tel que Mon Jul 25 2016 00:00:00 GMT+0100. Je suis sûr que vous pouvez trouver comment l'étendre pour obtenir des mois, des années, etc.

RE: @ SaintScott's comments

Il a été mentionné dans les commentaires que cela ne répond pas directement à la question car l'original utilise des horodatages UTC plutôt que des dates formatées. Dans ce cas, vous devez utiliser moment() sans le deuxième paramètre:

moment(1387271989749).startOf('isoWeek');

Ou si vous utilisez un horodatage UNIX, comme suit:

moment.unix(yourTimestamp).startOf('isoWeek');

... bien que cela commence à aller plus loin dans la question et plus dans la documentation Moment, que je vous conseille de lire si vous souhaitez utiliser cette méthode.

42
Matt Fletcher

En développant la réponse de @ user568109, qui est correcte et votée, voici une fonction qui fait tout, avec un plus grand tableau pour la démonstration:

// Group by time period - By 'day' | 'week' | 'month' | 'year'
// ------------------------------------------------------------
var groupByTimePeriod = function (obj, timestamp, period) {
  var objPeriod = {};
  var oneDay = 24 * 60 * 60 * 1000; // hours * minutes * seconds * milliseconds
  for (var i = 0; i < obj.length; i++) {
    var d = new Date(obj[i][timestamp] * 1000);
    if (period == 'day') {
      d = Math.floor(d.getTime() / oneDay);
    } else if (period == 'week') {
      d = Math.floor(d.getTime() / (oneDay * 7));
    } else if (period == 'month') {
      d = (d.getFullYear() - 1970) * 12 + d.getMonth();
    } else if (period == 'year') {
      d = d.getFullYear();
    } else {
      console.log('groupByTimePeriod: You have to set a period! day | week | month | year');
    }
    // define object key
    objPeriod[d] = objPeriod[d] || [];
    objPeriod[d].Push(obj[i]);
  }
  return objPeriod;
};

var eventsArray = [{ id: 1, date: 1317906596 }, { id: 2, date: 1317908605 }, { id: 3, date: 1317909229 }, { id: 4, date: 1317909478 }, { id: 5, date: 1317909832 }, { id: 6, date: 1317979141 }, { id: 7, date: 1317979232 }, { id: 8, date: 1317986965 }, { id: 9, date: 1318582119 }, { id: 10, date: 1318595862 }, { id: 11, date: 1318849982 }, { id: 12, date: 1318855706 }, { id: 13, date: 1318929018 }, { id: 14, date: 1318933265 }, { id: 15, date: 1318940511 }, { id: 16, date: 1318945096 }, { id: 17, date: 1319017541 }, { id: 18, date: 1319527136 }, { id: 19, date: 1318582119 }, { id: 20, date: 1318595862 }, { id: 21, date: 1318582119 }, { id: 22, date: 1318595862 }, { id: 23, date: 1319713399 }, { id: 24, date: 1320053428 }, { id: 25, date: 1320333481 }, { id: 26, date: 1320832755 }, { id: 27, date: 1321012378 }, { id: 28, date: 1321280993 }, { id: 29, date: 1321347659 }, { id: 30, date: 1321350476 }, { id: 31, date: 1321369307 }, { id: 32, date: 1321369614 }, { id: 33, date: 1321610123 }, { id: 34, date: 1321613205 }, { id: 35, date: 1321617250 }, { id: 36, date: 1321626603 }, { id: 37, date: 1321865808 }, { id: 38, date: 1321876609 }, { id: 39, date: 1321877598 }, { id: 40, date: 1321877832 }, { id: 41, date: 1321953322 }, { id: 42, date: 1322061969 }, { id: 43, date: 1322142603 }, { id: 44, date: 1322211686 }, { id: 45, date: 1322213793 }, { id: 46, date: 1322214569 }, { id: 47, date: 1322482817 }, { id: 48, date: 1322663742 }, { id: 49, date: 1322664267 }, { id: 50, date: 1322747231 }, { id: 51, date: 1322819964 }, { id: 52, date: 1323358224 }, { id: 53, date: 1323681272 }, { id: 54, date: 1323695093 }, { id: 55, date: 1323696589 }, { id: 56, date: 1323763763 }, { id: 57, date: 1322819964 }, { id: 58, date: 1323681272 }, { id: 59, date: 1323851164 }, { id: 60, date: 1323853123 }, { id: 61, date: 1323854271 }, { id: 62, date: 1323858072 }, { id: 63, date: 1325690573 }, { id: 64, date: 1325751893 }, { id: 65, date: 1325760204 }, { id: 66, date: 1325769098 }, { id: 67, date: 1325769981 }, { id: 68, date: 1325771632 }, { id: 69, date: 1325776473 }, { id: 70, date: 1325837346 }, { id: 71, date: 1326110199 }, { id: 72, date: 1326793097 }, { id: 73, date: 1326878182 }, { id: 74, date: 1326881341 }, { id: 75, date: 1326975873 }, { id: 76, date: 1326985667 }, { id: 77, date: 1327047585 }, { id: 78, date: 1327062945 }, { id: 79, date: 1327063660 }, { id: 80, date: 1327322844 }, { id: 81, date: 1327326904 }, { id: 82, date: 1327329215 }, { id: 83, date: 1327397042 }, { id: 84, date: 1327399839 }, { id: 85, date: 1327401818 }, { id: 86, date: 1327407161 }, { id: 87, date: 1327419420 }, { id: 88, date: 1327570243 }, { id: 89, date: 1327578536 }, { id: 90, date: 1327584554 }, { id: 91, date: 1327914616 }, { id: 92, date: 1327917019 }, { id: 93, date: 1327931685 }, { id: 94, date: 1327933025 }, { id: 95, date: 1327934772 }, { id: 96, date: 1327947074 }, { id: 97, date: 1328626734 }, { id: 98, date: 1328626734 }, { id: 99, date: 1330070074 }, { id: 100, date: 1330073135 }, { id: 101, date: 1330073259 }, { id: 102, date: 1330332445 }, { id: 103, date: 1330351925 }, { id: 104, date: 1330420928 }, { id: 105, date: 1330423209 }, { id: 106, date: 1330437337 }, { id: 107, date: 1330439446 }];

var objPeriodDay = groupByTimePeriod(eventsArray, 'date', 'day');
var objPeriodWeek = groupByTimePeriod(eventsArray, 'date', 'week');
var objPeriodMonth = groupByTimePeriod(eventsArray, 'date', 'month');
var objPeriodYear = groupByTimePeriod(eventsArray, 'date', 'year');

console.log(objPeriodDay);
console.log(objPeriodWeek);
console.log(objPeriodMonth);
console.log(objPeriodYear);

Et voici n violon pour l'accompagner (vous devrez ouvrir la console pour voir la sortie).

Comme vous le verrez dans le violon, les clés des 4 objets seront les suivantes:

  • objPeriodDay: le numéro du jour depuis le 1er janvier 1970
  • objPeriodWeek: le numéro de semaine par rapport à la première semaine du 1er janvier 1970
  • objPeriodMonth: le numéro du mois depuis le 1er janvier 1970
  • objPeriodYear: l'année

Notez que ces quatre variantes vous donneront des touches uniques . Le mois, par exemple, vous donnera "Dec 2011" (sous forme de mois depuis le 1er janvier 1970), pas seulement "Dec".

3
Wallace Sidhrée

Je ferais quelque chose comme ça:

var item,
    i = 0,
    groups = {},
    year, day;
while (item = eventsArray[i++]) {
    item = new Date(item.date);
    year = item.getFullYear();
    day = item.getDate();
    groups[year] || (groups[year] = {}); // exists OR create {}
    groups[year][day] || (groups[year][day] = []);  // exists OR create []
    groups[year][day].Push(item);
}

Cette version regroupe les éléments par jours uniquement, mais vous pouvez facilement obtenir le même résultat pendant des semaines et des mois en remplaçant item.getDate() par la fonction appropriée:

3
leaf

Quelque chose comme ça est probablement proche de ce dont vous avez besoin.

Javascript Date a les fonctions getFullYear, getDate et getMonth ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date ) et vous pouvez également consulter ce SO post ( convertir un horodatage Unix en temps en JavaScript ).

La méthode de base ici (organiser) construit les hachages par année, puis par jour et mois.

Ce code ne fait pas la semaine. Voulez-vous dire quelle semaine de l'année ou quel mois? Je soupçonne que vous pourriez écrire votre propre méthode de date pour saisir ce nombre, puis suivre le modèle ci-dessous pour saisir toutes les données que vous souhaitez. Vous pouvez obtenir le jour de la semaine auprès de JS (getDay). Je ne sais pas comment vous voulez calculer la semaine, mais cette méthode pourrait vous aider.

J'ai exécuté ce code dans un navigateur (après avoir initialisé un ensemble factice d'événementsArray) mais je soupçonne qu'il se traduirait très bien en nœud.

Vous devriez correctement nommer la fonction et vous pourriez déplacer toutes les méthodes dans le prototype d'objet, si vous en aviez envie.

J'espère que cela t'aides

var groupEvents = function(eventsArray) {

  this.dates = eventsArray;

  this.arranged = {};

  this.monthKey = function(month) {
    return 'month' + month;
  };
  this.dayKey = function(month) {
    return 'day' + month;
  };
  this.getYear = function(year) {
    this.arranged[year] = this.arranged[year] || {}
    return this.arranged[year]
  };
  this.getMonth = function(month, year) {
    var y = this.getYear(year);
    var k = this.monthKey(month);
    y[k] = y[k] || [];
    return y[k]
  };
  this.getDate = function(day, year) {
    var y = this.getYear(year);
    var k = this.dayKey(day);
    y[k] = y[k] || [];
    return y[k]
  };
  this.addToMonth = function(info, month, year) {
    var y = this.getMonth(month,year);
    y.Push(info);
  };
  this.addToDay = function(info, day, year) {
    var y = this.getDate(day,year);
    y.Push(info);
  };
  this.breakdownDate = function(date) {
    return {
      month: date.getMonth(),
      day: date.getDate(),
      year: date.getFullYear()
    };
  }
  /** grab a date, break it up into day, month year
      and then categorize it */
  this.arrange = function() {
    if(!this.arranged.length) {
      var ii = 0;
      var nn = this.dates.length;
      for(; ii < nn; ++ii ) {
        var el = this.dates[ii];
        var date = new Date(el.date * 1000);
        var parsed = this.breakdownDate(date);
        this.addToMonth(el, parsed.month, parsed.year);
        this.addToDay(el, parsed.month, parsed.year);
      }
    }
    return this.arranged;
  };
  return this;
};

if(eventArray.length) {
  var events = new groupEvents(eventArray);
  var arranged = events.arrange();
  console.log(arranged);
}
0
mr rogers