Heim > Web-Frontend > js-Tutorial > Hauptteil

Die nützlichsten JavaScript-Snippets

Mary-Kate Olsen
Freigeben: 2024-10-31 21:37:29
Original
807 Leute haben es durchsucht

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);
Nach dem Login kopieren

2. Prüfen, ob ein Objekt leer ist

function isEmptyObject(obj) { return Object.keys(obj).length === 0; }
Nach dem Login kopieren

3. Erstellen eines Countdown-Timers

function countdownTimer(minutes) { /* countdown logic */ }
Nach dem Login kopieren

4. Sortieren eines Arrays von Objekten

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

5. Duplikate aus einem Array entfernen

let uniqueArr = [...new Set(arr)];
Nach dem Login kopieren

6. Einen String abschneiden

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

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(); }); }
Nach dem Login kopieren

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

let isValueInArray = arr.includes(value);
Nach dem Login kopieren

9. Eine Zeichenfolge umkehren

let reversedStr = str.split("").reverse().join("");
Nach dem Login kopieren

10. Erstellen eines neuen Arrays aus einem vorhandenen Array

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

11. Funktionsaufrufe entprellen

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

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)); } }; }
Nach dem Login kopieren

13. Ein Objekt klonen

const cloneObject = (obj) => ({ ...obj });
Nach dem Login kopieren

14. Zwei Objekte zusammenführen

const mergeObjects = (obj1, obj2) => ({ ...obj1, ...obj2 });
Nach dem Login kopieren

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(''); }
Nach dem Login kopieren

16. Vorkommen in einem Array zählen

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

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);
Nach dem Login kopieren

18. Eindeutige Werte aus einem Array filtern

const uniqueValues = arr => [...new Set(arr)];
Nach dem Login kopieren

19. Grad in Bogenmaß umrechnen

const degreesToRads = deg => (deg * Math.PI) / 180;
Nach dem Login kopieren

20. Funktionsausführung verzögern

const defer = (fn, ...args) => setTimeout(fn, 1, ...args);
Nach dem Login kopieren

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!

Quelle:dev.to
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!