Teilen Sie 20 JavaScript-Einzeilencodes

1. Holen Sie sich den Wert des Browser-Cookies

Rufen Sie den Wert eines cookie mithilfe des Zugriffsmodells document.cookie ab.

const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).pop().split(';').shift();

Keks('_ga');
// Ergebnis: "GA1.2.1929736587.1601974046"

2. 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

3. In die Zwischenablage kopieren

Text kann einfach mit navigator.clipboard.writeText in die Zwischenablage kopiert werden.

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

copyToClipboard("Hallo Welt");

4. Ü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

5. Finden Sie den Tag des Jahres

Suchen Sie nach einem bestimmten Datum.

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

TagdesJahres(neues Datum());
// Ergebnis: 272

6. Großbuchstaben

Javascript besitzt keine integrierte Funktion für Großbuchstaben, wir können die Großschreibung jedoch mit dem folgenden Code erreichen.

const großschreiben = str => str.charAt(0).toUpperCase() + str.slice(1)

großschreiben("folgen Sie für mehr")
// Ergebnis: Folgen Sie für mehr

7. 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 = (Datum1, Datum2) => Math.ceil(Math.abs(Datum1.getTime() - Datum2.getTime()) / 86400000)

dayDif(neues Datum("2020-10-21"), neues Datum("2021-10-22"))
// Ergebnis: 366

8. Alle Cookies löschen

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

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

9. Generieren Sie zufällige Hexadezimalzahlen

Sie können mit Math.random und padEnd zufällige hexadezimale Farben generieren.

const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`;

console.log(randomHex());
// Ergebnis: #92b008

10. Entfernen Sie Duplikate aus einem Array

Mit Set in JavaScript können Sie Duplikate ganz einfach entfernen. Das ist ein Lebensretter.

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 ]

11. Abfrageparameter aus der URL abrufen

Sie können Abfrageparameter einfach von url abrufen, indem Sie window.location oder die ursprüngliche URLgoole.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;
};

12. Ausgabezeit ab Datum

Wir können die Uhrzeit eines bestimmten Datums im Format hour::minutes::seconds ausgeben.

const timeFromDate = date => date.toTimeString().slice(0, 8);

console.log(timeFromDate(neues Datum(2021, 0, 10, 17, 30, 0))); 
// Ergebnis: "17:30:00"

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

const isEven = num => num % 2 === 0;

console.log(istAuch(2)); 
// Ergebnis: True

14. 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

15. Nach oben scrollen

Wir können die Methode window.scrollTo(0, 0) verwenden, um automatisch nach oben zu scrollen. Setzen Sie sowohl x als auch y auf 0.

const goToTop = () => window.scrollTo(0, 0);

geheZuOben();

16. Eine Zeichenfolge umkehren

Sie können eine Zeichenfolge mit split , reverse und join problemlos umkehren.

const reverse = str => str.split('').reverse().join('');

reverse('hallo Welt');     
// Ergebnis: 'dlrow olleh'

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

Mit nur einer Codezeile können Sie prüfen, ob ein Array leer ist und true oder false zurückgeben.

const isNotEmpty = arr => Array.isArray(arr) und arr.Länge > 0;

istNichtLeer([1, 2, 3]);
// Ergebnis: true

18. Holen Sie sich den ausgewählten Text

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

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

getSelectedText();

19. Mischen Sie ein Array

Mit 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 ]

20. 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('(bevorzugtes Farbschema: dunkel)').matches

console.log(isDarkMode) // Ergebnis: True oder False

Zusammenfassen:

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