13 JavaScript-Einzeiler, die Sie wie einen Experten aussehen lassen

13 JavaScript-Einzeiler, die Sie wie einen Experten aussehen lassen

1. Holen Sie sich einen zufälligen Booleschen Wert ( true / false )

Diese Funktion verwendet die Methode Math.random() und gibt einen booleschen Wert ( true oder alse ) zurück. Math.random erstellt eine Zufallszahl zwischen 0 und 1 und wir prüfen einfach, ob sie über oder unter 0,5 liegt, was uns eine 50-prozentige Chance gibt, dass wir ein „Wahr“ oder „Falsch“ erhalten.

const randomBoolean = () => Math.random() >= 0,5;
console.log(randomBoolean());

2. Überprüfen Sie, ob das angegebene Datum ein Werktag ist

Mit dieser Methode können wir überprüfen, ob das in der Funktion angegebene Datum ein Wochentag oder ein Wochenendtag ist.

const isWeekday = (Datum) => date.getDay() % 6 !== 0;

console.log(istWochentag(neues Datum(2021, 7, 6)));
// wahr, weil es Freitag istconsole.log(isWeekday(new Date(2021, 7, 7)));
// false, weil heute Samstag ist

3. Eine Zeichenfolge umkehren

Es gibt verschiedene Möglichkeiten, eine Zeichenfolge umzukehren. Dies ist die einfachste Methode und verwendet die Methoden split(), reverse() und join().

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

4. Überprüfen Sie, ob die aktuelle Registerkarte ausgeblendet ist

Document.hidden (schreibgeschützte Eigenschaft) gibt einen Booleschen Wert zurück, der angibt, ob die Seite ausgeblendet ist ( true ) oder nicht ( false ).

const isBrowserTabInView = () => document.hidden;
isBrowserTabInView();

Offsite: Ich habe zufällig entdeckt, dass die Wiedergabezeit der iQiyi-Werbung nur herunterzählt, wenn der aktuelle Tab aktiviert ist. Wenn Sie den aktuellen Tab verlassen, stoppt der Countdown. Ich habe auf Baidu gesucht und dieses Ding document.hidden gefunden.

document.hidden ist eine neue zu h5 hinzugefügte API, bei deren Verwendung es Kompatibilitätsprobleme gibt.

var versteckt
if (Typ des Dokuments.versteckt !== "undefiniert") {
    hidden = "versteckt";
} sonst wenn (Typ von document.mozHidden !== "undefined") {
    versteckt = "mozVersteckt";
} sonst wenn (Typ von document.msHidden !== "undefined") {
    versteckt = "msVersteckt";
} sonst wenn (Typ von Dokument.webkitHidden !== "undefined") {
    versteckt = "webkitVersteckt";
}
console.log("Ist die aktuelle Seite versteckt: " + document[hidden])

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

const isEven = num => num % 2 === 0;
console.log(istAuch(2));
// WAHR
console.log(ist sogar(3));
// FALSCH

6. Uhrzeit eines Datums ermitteln

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

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

console.log(ZeitAbDatum(neues Datum()));
// Aktuelle Uhrzeit drucken

7. Behalten Sie n Dezimalstellen

const toFixed = (n, fest) => ~~(Math.pow(10, fest) * n) / Math.pow(10, fest);
// Beispiel toFixed(25.198726354, 1); // 25.1
zuFestgelegt(25.198726354, 2); // 25.19
zuFestgelegt(25.198726354, 3); // 25.198
zuFestgelegt(25.198726354, 4); // 25.1987
zuFestgelegt(25.198726354, 5); // 25.19872
zuFestgelegt(25.198726354, 6); // 25.198726

8. Prüfen Sie, ob ein Element aktuell im Fokus ist

Mit der Eigenschaft document.activeElement können wir überprüfen, ob ein Element aktuell fokussiert ist.

const elementIsInFocus = (el) => (el === document.activeElement);
elementIstImFokus(beliebigesElement)
// Gibt „true“ zurück, wenn im Fokus, „false“, wenn nicht im Fokus

9. Überprüfen Sie, ob der aktuelle Browser Touch-Ereignisse unterstützt

const touchSupported = () => {
  ('ontouchstart' im Fenster || window.DocumentTouch && Dokumentinstanz von window.DocumentTouch);
}
Konsole.log(touchSupported());
// Wenn Touch-Ereignisse unterstützt werden, wird „true“ zurückgegeben, andernfalls „false“.

10. Überprüfen Sie, ob der aktuelle Browser auf einem Apple-Gerät läuft

const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
console.log(istAppleDevice);

11. Scrollen Sie zum Anfang der Seite

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

12. Ermitteln Sie den Durchschnittswert des Parameters

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

13. Fahrenheit/Celsius-Umrechnung

const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32;
const fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5/9;
// Beispiel celsiusToFahrenheit(15); // 59
celsiusToFahrenheit(0); // 32
celsiusToFahrenheit(-20); // -4
fahrenheitToCelsius(59); // 15
fahrenheitToCelsius(32); // 0

Damit schließen wir unseren Artikel über 13 JavaScript-Einzeilenprogramme ab, mit denen Sie wie ein Experte aussehen. Weitere JavaScript-Inhalte finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung der benutzerdefinierten Swiper-Komponente in JavaScript
  • Detaillierte Erklärung des Unterschieds zwischen Pfeilfunktionen und normalen Funktionen in JavaScript
  • Karusselleffekte mit JavaScript implementieren
  • Javascript zum Wechseln von Bildern per Mausklick
  • Zusammenfassung verschiedener Methoden für JavaScript um festzustellen ob es sich um ein Array handelt
  • JavaScript zum Erzielen von Feuerwerkseffekten (objektorientiert)
  • JavaScript Canvas implementiert Tic-Tac-Toe-Spiel
  • Detaillierte Diskussion der Unterschiede zwischen Schleifen in JavaScript
  • Zusammenfassung einiger gängiger Möglichkeiten zum Abkürzen von Javascript-Code

<<:  MySQL 8.0.19 Installations- und Konfigurations-Tutorial unter Windows 10

>>:  Zusammenfassung der Lösungen für MySQL, das „Gruppieren nach“ nicht unterstützt

Artikel empfehlen

Tutorial zu HTML-Tabellen-Tags (27): Zell-Hintergrundbild-Attribut BACKGROUND

Wir können ein Hintergrundbild für die Zelle fest...

Automatisches Laden des Kernelmodul-Overlayfs-Vorgangs beim CentOS-Start

Um Kernelmodule in CentOS automatisch zu laden, k...

my.cnf (my.ini) wichtige Parameteroptimierungs-Konfigurationsanweisungen

MyISAM-Speicher-Engine Die MyISAM-Speicher-Engine...

Detaillierte Einführung in das MySQL-Schlüsselwort Distinct

Einführung in die Verwendung des MySQL-Schlüsselw...

Installieren Sie die MySQL5.5-Datenbank in einer CentOS7-Umgebung

Inhaltsverzeichnis 1. Prüfen Sie, ob MySQL auf de...

CSS zur Implementierung von Sprites und Schriftsymbolen

Sprites: In der Vergangenheit war jede Bildressou...

Wettersymbol-Animationseffekt implementiert durch CSS3

Ergebnisse erzielen Implementierungscode html <...

js realisiert die Funktion zum Klicken zum Wechseln der Karte

In diesem Artikelbeispiel wird der spezifische Co...

So installieren Sie den Vim-Editor unter Linux (Ubuntu 18.04)

Sie können das Desktopsystem von der offiziellen ...

Praktische Aufzeichnung von VUE mithilfe des Wortwolkendiagramms von Echarts

echarts Wortwolke ist eine Erweiterung von echart...

Lösung für 404-Fehler beim Herunterladen einer APK-Datei vom IIS-Server

Bei der Verwendung von IIS als Server wurde die A...