10 JS-Snippets, die bei jedem Projekt Zeit sparen

Jeder Entwickler hat seinen eigenen „Rucksack“ mit Dienstprogrammen, die helfen, alltägliche Aufgaben schneller zu lösen. Dieser Artikel enthält zehn prägnante, aber äußerst nützliche JS-Snippets, die jedem Projekt hinzugefügt werden können. Sie sind nicht von Frameworks abhängig und funktionieren in jeder Umgebung perfekt: von Node.js bis zum Browser.

1. 📅 Datumsformatierung

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

❓Warum: Wir zeigen Datum und Uhrzeit schön und lokalisiert an.

Beispiel: formatDate(new Date()) // „29. Juni 2025, 12:00 Uhr“

2. 🧪 Überprüfung: ob es sich um Promis handelt oder nicht

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

❓Warum: Wir stellen fest, dass wir es mit einem Promis zu tun haben.

3. 📜 In die Zwischenablage kopieren

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

❓Warum: Oft muss man „Kopieren“ per Klick implementieren.

4. 🔁 Tiefes Kopieren des Objekts

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

❓Warum: um das ursprüngliche Objekt nicht zu verändern.

5. ⏳ Einfaches Debounce

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

❓Warum: um häufige Ereignisse wie Eingaben zu optimieren.

6. 🚫 Duplikate aus dem Array entfernen

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

❓Warum: Wir bereinigen das Array elegant von Duplikaten.

7. 🆔 Generierung einer einfachen ID

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

❓Warum: schneller eindeutiger Wert für UI oder Schlüssel.

8. ⏱ Verzögerung im Async/Await-Stil

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

❓Warum: Simulation von Verzögerungen, Animationen pausieren, Tests usw.

9. 💬 Parameter aus der URL erhalten

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

❓ Warum: wird häufig benötigt — beim Filtern, Paginieren usw.

10. 🧼 Objekt von leeren Werten bereinigen

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

❓ Warum: Wir entfernen null und undefined vor dem Senden der Daten.

🤔 Warum sollte man sich diese Snippets merken?

• 📌 Sie entscheiden Typische Aufgaben, die in jedem Projekt vorkommen.

• 📌 Sie beschleunigen die Entwicklung und machen den Code sauberer.

• 📌 Verständlich für Anfänger, nützlich für Fortgeschrittene.

Wenn du programmieren lernst und dich täglich verbessern möchtest, schau in unsere App Kodik. Dies ist eine faszinierende Einführung in die Programmierung durch Übung und Herausforderungen!

Webversion von Kodik - https://itcodik.com/

📦 Tipp

Erstelle eine Datei utils.js und speichere dort deine Sammlung deiner Lieblings-Dienstprogramme — wie ein persönliches Schweizer JS-Messer 🛠