Heim  >  Artikel  >  Web-Frontend  >  Die nützlichsten JavaScript-Snippets

Die nützlichsten JavaScript-Snippets

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-10-31 21:37:29808Durchsuche

Most Useful JavaScript Snippets

Die 20 nützlichsten JavaScript-Snippets

Steigern Sie Ihre Codierungseffizienz mit diesen wichtigen Snippets.

1. Generieren einer Zufallszahl

let randomNum = Math.floor(Math.random() * maxNum);

2. Prüfen, ob ein Objekt leer ist

function isEmptyObject(obj) { return Object.keys(obj).length === 0; }

3. Erstellen eines Countdown-Timers

function countdownTimer(minutes) { /* countdown logic */ }

4. Sortieren eines Arrays von Objekten

function sortByProperty(arr, property) { return arr.sort((a, b) => (a[property] > b[property]) ? 1 : -1); }

5. Duplikate aus einem Array entfernen

let uniqueArr = [...new Set(arr)];

6. Einen String abschneiden

function truncateString(str, num) { return str.length > num ? str.slice(0, num) + "..." : str; }

7. Konvertieren einer Zeichenfolge in die Groß-/Kleinschreibung

function toTitleCase(str) { return str.replace(/\b\w/g, function(txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); }); }

8. Überprüfen, ob ein Wert in einem Array vorhanden ist

let isValueInArray = arr.includes(value);

9. Eine Zeichenfolge umkehren

let reversedStr = str.split("").reverse().join("");

10. Erstellen eines neuen Arrays aus einem vorhandenen Array

let newArr = oldArr.map(function(item) { return item + 1; });

11. Funktionsaufrufe entprellen

function debounce(func, delay) { let timeout; return function(...args) { clearTimeout(timeout); timeout = setTimeout(() => func.apply(this, args), delay); }; }

12. Funktionsaufrufe drosseln

function throttle(func, limit) { let lastFunc; let lastRan; return function(...args) { if (!lastRan) { func.apply(this, args); lastRan = Date.now(); } else { clearTimeout(lastFunc); lastFunc = setTimeout(function() { if ((Date.now() - lastRan) >= limit) { func.apply(this, args); lastRan = Date.now(); } }, limit - (Date.now() - lastRan)); } }; }

13. Ein Objekt klonen

const cloneObject = (obj) => ({ ...obj });

14. Zwei Objekte zusammenführen

const mergeObjects = (obj1, obj2) => ({ ...obj1, ...obj2 });

15. Auf Palindrom-Strings prüfen

function isPalindrome(str) { const cleanedStr = str.replace(/[^A-Za-z0-9]/g, '').toLowerCase(); return cleanedStr === cleanedStr.split('').reverse().join(''); }

16. Vorkommen in einem Array zählen

const countOccurrences = (arr) => arr.reduce((acc, val) => (acc[val] ? acc[val]++ : acc[val] = 1, acc), {});

17. Den Tag des Jahres aus einem Datumsobjekt abrufen

const dayOfYear = date => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);

18. Eindeutige Werte aus einem Array filtern

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

19. Grad in Bogenmaß umrechnen

const degreesToRads = deg => (deg * Math.PI) / 180;

20. Funktionsausführung verzögern

const defer = (fn, ...args) => setTimeout(fn, 1, ...args);

Das obige ist der detaillierte Inhalt vonDie nützlichsten JavaScript-Snippets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn