Calculer le nombre de jours auparavant avec JavaScript

JavaScriptJavaScriptBeginner
Pratiquer maintenant

This tutorial is from open-source community. Access the source code

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons plonger dans la programmation JavaScript et créer une fonction appelée daysAgo. Cette fonction prend un nombre en entrée et calcule la date qui est il y a n jours à partir d'aujourd'hui. Nous utiliserons le constructeur Date, ainsi que diverses méthodes telles que Math.abs() et Date.prototype.setDate(), pour accomplir cette tâche et renvoyer le résultat sous forme de chaîne de caractères au format aaaa-mm-jj. À la fin de ce laboratoire, vous aurez une compréhension plus approfondie du travail avec les dates en JavaScript.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/cond_stmts("Conditional Statements") subgraph Lab Skills javascript/variables -.-> lab-28253{{"Calculer le nombre de jours auparavant avec JavaScript"}} javascript/data_types -.-> lab-28253{{"Calculer le nombre de jours auparavant avec JavaScript"}} javascript/arith_ops -.-> lab-28253{{"Calculer le nombre de jours auparavant avec JavaScript"}} javascript/comp_ops -.-> lab-28253{{"Calculer le nombre de jours auparavant avec JavaScript"}} javascript/cond_stmts -.-> lab-28253{{"Calculer le nombre de jours auparavant avec JavaScript"}} end

Fonction JavaScript pour calculer le nombre de jours auparavant

Voici une fonction JavaScript qui calcule la date il y a n jours à partir d'aujourd'hui et la renvoie sous forme de chaîne de caractères au format aaaa-mm-jj :

const daysAgo = (n) => {
  const today = new Date();
  const daysAgoDate = new Date(today.setDate(today.getDate() - Math.abs(n)));
  return daysAgoDate.toISOString().split("T")[0];
};

Voici comment elle fonctionne :

  • Le constructeur Date est utilisé pour obtenir la date actuelle.
  • La fonction Math.abs() est utilisée pour s'assurer que le nombre de jours est positif.
  • La fonction Date.prototype.getDate() est utilisée pour obtenir le jour du mois de la date actuelle.
  • La fonction Date.prototype.setDate() est utilisée pour mettre à jour la date en conséquence.
  • La date résultante est renvoyée sous forme de chaîne de caractères au format aaaa-mm-jj à l'aide de la fonction Date.prototype.toISOString().

Exemple d'utilisation :

daysAgo(20); // "2020-09-16" (si la date actuelle est 2020-10-06)

Résumé

Félicitations ! Vous avez terminé le laboratoire Days Ago. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.