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

Probleme mit Join-Abfragen und Unterabfragen in MySQL

Inhaltsverzeichnis Grundlegende Syntax für Multi-...

Tutorial zur Installation von MySQL 8.0.18 unter Windows (Community Edition)

In diesem Artikel wird kurz die Installation von ...

JS-Funktionsaufruf, Anwenden und Binden einer superdetaillierten Methode

Inhaltsverzeichnis JS-Funktionsaufruf, Apply- und...

Detaillierte Schritte zur Neuinstallation von VMware Tools (grafisches Tutorial)

VMware Tools ist ein Tool, das mit virtuellen VMw...

MySQL NULL-Datenkonvertierungsmethode (unbedingt lesen)

Wenn Sie MySQL zum Abfragen der Datenbank verwend...

Detaillierte Erklärung der einfachen HTML- und CSS-Verwendung

Ich werde drei Tage benötigen, um den statischen ...

uni-app implementiert NFC-Lesefunktion

In diesem Artikel wird der spezifische Code der U...

Einige Hinweise zur MySQL-Self-Join-Deduplizierung

Lassen Sie mich kurz das Funktionsszenario erklär...