Des extraits de code JavaScript qui vous feront économiser des heures de codage

JavaScript est un langage puissant, mais écrire du code répétitif peut vous faire perdre du temps. Ces 10 extraits JavaScript pratiques simplifieront les tâches courantes et augmenteront votre productivité. Allons-y !

---

1. Vérifiez si un élément est dans la fenêtre

Déterminez facilement si un élément est visible dans la fenêtre :

const isInViewport = (element) => {
  const rect = element.getBoundingClientRect();
  return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
  );
};

2. Copier dans le Presse-papiers

Copier rapidement du texte dans le presse-papiers sans utiliser de bibliothèques externes :

const copyToClipboard = (text) => {  navigator.clipboard.writeText(text); };

---

3. Mélangez un tableau

Randomisez l'ordre des éléments dans un tableau avec ce one-liner :

const shuffleArray = (array) => array.sort(() => Math.random() - 0.5);

---

4. Aplatir un tableau multidimensionnel

Convertir un tableau imbriqué en un tableau à un seul niveau :

const flattenArray = (arr) => arr.flat(Infinity);

---

5. Obtenez des valeurs uniques dans un tableau

Supprimer les doublons d'un tableau :

const uniqueValues = (array) => [...new Set(array)];

---

6. Générer une couleur hexadécimale aléatoire

Créez facilement une couleur hexadécimale aléatoire :

const randomHexColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padStart(6, '0')}`;

---

7. Anti-rebond d'une fonction

Empêcher une fonction de se déclencher trop souvent, idéal pour la saisie de recherche :

const debounce = (func, delay) => {  let timeoutId;  return (...args) => {    clearTimeout(timeoutId);    timeoutId = setTimeout(() => func(...args), delay);  }; };

---

8. Détecter le mode sombre

Vérifiez si le système d'un utilisateur est en mode sombre :

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;

---

9. Mettre en majuscule la première lettre d'une chaîne

Un simple extrait pour mettre en majuscule la première lettre :

const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);

---

10. Générer un entier aléatoire

Générer un nombre aléatoire dans une plage :

const randomInteger = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

---

Conclusion

Ces extraits sont un excellent moyen de gagner du temps et des efforts dans vos projets JavaScript. Ajoutez-les à vos favoris ou intégrez-les à votre bibliothèque d'utilitaires personnelle !

Apprendre encore plus

Pour plus de trucs et astuces JavaScript, consultez l'article original sur Script Binary.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!