18 Killer-JavaScript-Einzeiler

Vorwort

JavaScript erfreut sich weiterhin wachsender und erfolgreicher Beliebtheit, da es eine der am einfachsten zu erlernenden Sprachen ist und somit neuen Technikfreaks den Zugang zum Markt ermöglicht.

Und egal, ob Sie ein JavaScript-Anfänger oder ein erfahrener Entwickler sind: Es ist immer gut, etwas Neues zu lernen.

In diesem Artikel sind einige sehr nützliche Einzeiler zusammengestellt, die Ihnen dabei helfen können, Ihre Arbeitseffizienz zu verbessern.

Was ist ein einzeiliger Code?

Einzeiler sind eine Codierungspraxis, bei der wir eine Funktion mit nur einer Codezeile ausführen.

Einzeiliges Codebeispiel

1. In die Zwischenablage kopieren

Verwenden Sie navigator.clipboard.writeText, um beliebigen Text einfach in die Zwischenablage zu kopieren.

const copyToClipboard = (Text) => navigator.clipboard.writeText(Text);
copyToClipboard("Hallo Welt");

2. Überprüfen Sie, ob das Datum gültig ist

Verwenden Sie den folgenden Codeausschnitt, um zu überprüfen, ob ein bestimmtes Datum gültig ist oder nicht.

const isDateValid = (...val) => !Number.isNaN(neues Date(...val).valueOf());
isDateValid("17. Dezember 1995 03:24:00");
// Ergebnis: true

3. Finden Sie den Tag des Jahres heraus

Finden Sie den Tag eines bestimmten Datums.

const dayOfYear = (Datum) => Math.floor((Datum - neues Datum(Datum.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);
TagdesJahres(neues Datum());
// Ergebnis: 272

4. Die erste Zeichenfolge groß schreiben

Javascript verfügt über keine integrierte Funktion für Großbuchstaben, daher können wir den folgenden Code verwenden.

const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1)capitalize("follow for more") // Ergebnis: Folgen Sie für mehr

5. Ermitteln Sie die Anzahl der Tage zwischen zwei Daten

Verwenden Sie den folgenden Codeausschnitt, um die Anzahl der Tage zwischen den beiden angegebenen Daten zu ermitteln.

const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000)dayDif(neues Datum("2020-10-21"), neues Datum("2021-10-22"))// Ergebnis: 366

6. Alle Cookies löschen

Sie können alle auf einer Webseite gespeicherten Cookies einfach löschen, indem Sie über document.cookie auf die Cookies zugreifen und diese löschen.

const clearCookies = document.cookie.split(';').forEach(cookie => document.cookie = cookie.replace(/^ +/, '')
.replace(/=.*/, `=;expires=${new Date(0).toUTCString()};
Pfad=/`));

7. Generieren Sie zufällige Hexadezimalzahlen

Sie können Math.random und die Eigenschaft padEnd verwenden, um zufällige hexadezimale Farben zu generieren.

const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`
console.log(randomHex());
//Ergebnis: #92b008

8. Entfernen Sie Duplikate aus einem Array

Mit „Set“ in JavaScript können Sie Duplikate ganz einfach entfernen.

const entfernenDuplicates = (arr) => [...neues Set(arr)];
console.log(removeDuplicates([1, 2, 3, 3, 4, 4, 5, 5, 6]));
// Ergebnis: [ 1, 2, 3, 4, 5, 6 ]

9. Abfrageparameter aus der URL abrufen

Sie können Abfrageparameter einfach aus der URL abrufen, indem Sie window.location oder die ursprüngliche URL goole.com?search=easy&page=3 übergeben.

const getParameters = (URL) => {
 URL = JSON.parse('{"' + decodeURI(URL.split("?")[1]).replace(/"/g, '\"').replace(/&/g, '","').replace(
 /=/g, '":"') + '"}');
 gibt JSON.stringify(URL) zurück;
};
getParameters(window.location) // Ergebnis: { Suche: "easy", Seite: 3 }

10. Zeit ab Datum aufzeichnen

Wir können die Zeit ab einem bestimmten Datum im Format Stunden::Minuten::Sekunden aufzeichnen.

const timeFromDate = date => date.toTimeString().slice(0, 8);
console.log(timeFromDate(neues Datum(2021, 0, 10, 17, 30, 0))); 
// Ergebnis: "17:30:00"

11. Überprüfen Sie, ob eine Zahl gerade oder ungerade ist

const isEven = num => num % 2 === 0; console.log(isEven(2));
 // Ergebnis: True

12. Finden Sie den Durchschnitt der Zahlen

Verwenden Sie die Reduce-Methode, um den Durchschnitt mehrerer Zahlen zu ermitteln.

const Durchschnitt = (...args) => args.reduce((a, b) => a + b) / args.Länge;
Durchschnitt (1, 2, 3, 4);
// Ergebnis: 2,5

13. Eine Zeichenfolge umkehren

Mit den Methoden „Split“, „Reverse“ und „Join“ können Sie eine Zeichenfolge problemlos umkehren.

const reverse = str => str.split('').reverse().join('');reverse('Hallo Welt'); 
// Ergebnis: 'dlrow olleh'

14. Überprüfen Sie, ob das Array leer ist

Eine einfache Einzeiler-Anweisung, die prüft, ob ein Array leer ist, gibt „true“ oder „false“ zurück.

const isNotEmpty = arr => Array.isArray(arr) und arr.Länge > 0;
istNichtLeer([1, 2, 3]);
// Ergebnis: true

15. Holen Sie sich den ausgewählten Text

Verwenden Sie die integrierte getSelection-Eigenschaft, um den vom Benutzer ausgewählten Text abzurufen.

const getSelectedText = () => window.getSelection().toString();
getSelectedText();

16. Mischen Sie das Array

Mit den Methoden „Sort“ und „Random“ lässt sich ein Array sehr einfach mischen.

const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random()); console.log(shuffleArray([1, 2, 3, 4])); // Ergebnis: [ 1, 4, 3, 2 ]

17. Dunkelmodus erkennen

Verwenden Sie den folgenden Code, um zu überprüfen, ob sich das Gerät des Benutzers im Dunkelmodus befindet.

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matchesconsole.log(isDarkMode) // Ergebnis: True oder False

18. RGB in Hexadezimal konvertieren

const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);rgbToHex(0, 51, 255); // Ergebnis: #0033ff

Zusammenfassen

Dies ist das Ende dieses Artikels über JavaScript-Einzeilencode. Weitere relevante Inhalte zu JavaScript-Einzeilencode finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!