10 extraits de code JS qui vous font gagner du temps dans chaque projet

Chaque développeur a son propre « sac à dos » avec des utilitaires qui aident à résoudre les tâches quotidiennes plus rapidement. Cet article contient dix extraits JS concis mais extrêmement utiles qui peuvent être ajoutés à chaque projet. Ils ne dépendent pas des frameworks et fonctionnent parfaitement dans n'importe quel environnement, de Node.js au navigateur.

1. 📅 Formatage de la date

const formatDate = (date) =>
  new Intl.DateTimeFormat('ru-RU', {
    dateStyle: 'medium',
    timeStyle: 'short',
  }).format(date);

❓Pourquoi : affichage de la date et de l'heure de manière élégante et localisée.

Exemple : formatDate(new Date()) // « 29 juin 2025, 12h00 »

2. 🧪 Vérification : est-ce un promos ou non

const isPromise = (val) =>
  Boolean(val && typeof val.then === 'function');

❓Pourquoi : déterminons que nous avons affaire à un promisc.

3. 📜 Copier dans le presse-papiers

const copyToClipboard = async (text) =>
  await navigator.clipboard.writeText(text);

❓Pourquoi : il est souvent nécessaire de mettre en œuvre « Copier » par un clic.

4. 🔁 Copie profonde d'un objet

const deepClone = (obj) =>
  JSON.parse(JSON.stringify(obj));

❓Pourquoi : pour ne pas modifier l'objet d'origine.

5. ⏳ Simple debounce

const debounce = (fn, delay = 300) => {
  let timeout;
  return (...args) => {
    clearTimeout(timeout);
    timeout = setTimeout(() => fn(...args), delay);
  };
};

❓Pourquoi : pour optimiser les événements fréquents, tels que la saisie.

6. 🚫 Suppression des doublons du tableau

const unique = (arr) => [...new Set(arr)];

❓Pourquoi : nettoyons le tableau des répétitions avec élégance.

7. 🆔 Génération d'un identifiant simple

const randomId = () =>
  Math.random().toString(36).slice(2, 10);

❓Pourquoi : valeur unique rapide pour l'interface utilisateur ou les clés.

8. ⏱ Retard dans le style async/await

const sleep = (ms) =>
  new Promise((resolve) => setTimeout(resolve, ms));

❓Pourquoi : imitation de retard, pauses dans l'animation, tests, etc.

9. 💬 Obtenir des paramètres à partir d'une URL

const getQueryParam = (key) =>
  new URLSearchParams(window.location.search).get(key);

❓ Pourquoi : souvent nécessaire - lors de la filtration, de la pagination, etc.

10. 🧼 Nettoyage de l'objet des valeurs vides

const cleanObject = (obj) =>
  Object.fromEntries(
    Object.entries(obj).filter(([_, v]) => v != null)
  );

❓ Pourquoi : supprimer null et undefined avant d'envoyer des données.

🤔 Pourquoi mémoriser ces extraits ?

• 📌 Ils décident tâches typiques, qui se rencontrent dans n'importe quel projet.

• 📌 Accélèrent le développement et rendent le code plus propre.

• 📌 Compréhensibles pour les débutants, utiles pour les expérimentés.

Si vous apprenez à programmer et que vous voulez vous entraîner quotidiennement, consultez notre application Code. C'est une formation passionnante à la programmation par la pratique et les défis !

Version Web de Kodik - https://itcodik.com/

📦 Conseil

Créez un fichier utils.js et stockez-y votre collection d'utilitaires préférés, comme un couteau suisse JS personnel 🛠