15 JavaScript-Funktionen, die es wert sind, gesammelt zu werden

15 JavaScript-Funktionen, die es wert sind, gesammelt zu werden

1. Zahlen umkehren

const reverseNumber = n =>
  parseFloat(`${n}`.split('').reverse().join('')) * Math.sign(n);

umgekehrteNummer(123); // 321
umgekehrteZahl(-200); // -2
umgekehrteZahl(32.4); // 4.23
umgekehrteZahl(-32,4); // -4,23

2. Holen Sie sich die größten n Zahlen im Array

const maxFromArray = (Array, Zahl = 1) => [...Array]
  .sort((x, y) => y -x).slice(0, Zahl);

maxFromArray([2, 1, 4, 3, 5, 6]); // [6]
maxFromArray([2, 1, 4, 3, 6, 6], 2); // [6, 6]


3. Fakultät berechnen

const Fakultät = (Zahl) =>
  Zahl < 0
    ? (() => {
      throw new TypeError('Typfehler');
    })()
    : Zahl <= 1
    ? 1
    : Zahl * Fakultät (Zahl - 1);

Fakultät(4); // 24
Fakultät(10); // 3628800


4. Bestimmen Sie, ob die aktuelle Betriebsumgebung ein Browser ist

const isBrowser = () => ![Fenstertyp, Dokumenttyp].includes('undefined');

isBrowser(); // falsch (Knoten)
isBrowser(); // true (Browser)


5. Bestimmen Sie, ob die aktuelle Betriebsumgebung Node.js ist

const isNode = () =>
  Typ des Prozesses !== 'undefiniert' &&
  !!Prozess.Versionen &&
  !!Prozess.Versionen.Knoten;

isNode(); // wahr (Knoten)
isNode(); // false (Browser)


6. Holen Sie sich die Parameter der URL

const getURLParams = url =>
  (url.match(/([^?=&]+)(=([^&]*))/g) || []).reduzieren(
    (ein, v) => (
      (a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1)), ein
    ),
    {}
  );

getURLParams('qq.com'); // {}
getURLParams('https://xx.com?name=tntweb&age=20');
// {Name: 'tntweb', Alter: '20'}


7. Konvertieren Sie das Farbausdrucksformat rgb(x,x,x) in das Objektformat

const toRGBObject = rgbStr => {
  const [rot, grün, blau] = rgbStr.match(/\d+/g).map(Zahl);
  return { rot, grün, blau };
};

toRGBObject('rgb(100, 150, 200)'); // {rot: 100, grün: 150, blau: 200}

8. Escape-Strings zur Verwendung in HTML

const escapeHTML = str =>
  str.ersetzen(
    /[&<>'"]/g,
    tag =>
      ({
        '&': '&',
        '<': '&lt;',
        '>': '&gt;',
        "'": '&#39;',
        '"': '&quot;'
      }[tag] || tag)
  );

escapeHTML('<a href="#" rel="external nofollow" >tntweb</a>'); 


9. Entfernt Escape-HTML-Zeichen

const unescapeHTML = str =>
  str.ersetzen(
    /&amp;|&lt;|&gt;|&#39;|&quot;/g,
    tag =>
      ({
        '&': '&',
        '&lt;': '<',
        '&gt;': '>',
        '&#39;': "'",
        '&quot;': '"'
      }[tag] || tag)
  );

unescapeHTML('<a href="#">&gt;tntweb</a>');


10. Generieren Sie eine zufällige Ganzzahl innerhalb eines bestimmten Bereichs

const randomIntegerInRange = (min, max) =>
  Math.floor(Math.random() * (max - min + 1)) + min;

randomIntegerInRange(1, 7); // 1 - 7


11. Wandeln Sie den Tilde-Pfad in einen absoluten Pfad um

const reversePath = str =>
  str.replace(/^~($|\/|\\)/, `${require('os').homedir()}$1`);

reversePath('~/web'); // '/Benutzer/[Benutzername]/web'


12. Holen Sie sich die aktuelle URL ohne Parameter oder Fragmentkennungen

const getBaseURL = url => url.replace(/[?#].*$/, '');

getBaseURL('https://xx.com/index?name=tntweb&company=tencent');
// https://xx.com/index


13. Gibt die Länge der Zeichenfolge in Bytes zurück

const byteSize = str => neuer Blob([str]).size;

byteGröße('🚗'); // 4
byteSize('Hallo Welt'); // 11


14. Elemente in einem Array zufällig abrufen

const zufällig = arr => arr[Math.floor(Math.random() * arr.length)];

zufällig ([1, 3, 5, 7, 9, 11]);


15. Überprüfen Sie, ob die Zeichenfolge gültiges JSON ist

const isValidJSON = str => {
  versuchen {
    JSON.parse(str);
    gibt true zurück;
  } fangen (e) {
    gibt false zurück;
  }
};

isValidJSON('{"name":"tntweb","age":20}'); // wahr
isValidJSON('{"name":"tntweb",age:"20"}'); // falsch
isValidJSON(null); // wahr

Damit ist dieser Artikel über 15 JavaScript-Funktionen, die es wert sind, gesammelt zu werden, abgeschlossen. Weitere relevante Inhalte zu JavaScript-Funktionen finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Grundlagen der funktionalen Programmierung in JavaScript
  • Ein Artikel bringt Ihnen die Vererbung von JS-Funktionen bei
  • JavaScript-Grundlagenreihe: Funktionen und Methoden
  • JS-Funktionsaufruf, Anwenden und Binden einer superdetaillierten Methode
  • Fallstudie zu JavaScript-Funktionsaufrufen, Apply- und Bind-Methoden
  • Detaillierte Erklärung des Unterschieds zwischen Pfeilfunktionen und normalen Funktionen in JavaScript
  • JavaScript-Wissen: Konstruktoren sind auch Funktionen
  • Verwendung der JavaScript-Sleep-Funktion
  • Detaillierte Beispiele für Variablen- und Funktionspromotion in JavaScript
  • Zusammenfassung von über 50 Hilfsfunktionen in JavaScript

<<:  Strategie zur Optimierung der Leistung von MySQL-Datenbankabfragen

>>:  Wie stellt MySQL die Datenintegrität sicher?

Artikel empfehlen

Detaillierte Erklärung der JavaScript-Datentypen

Inhaltsverzeichnis 1. Literale 1.1 Numerische Lit...

Details zum Like-Operator in MySQL

1. Einleitung Beim Filtern unbekannter oder teilw...

Tutorial zur Installation von Nginx in einer Linux-Umgebung

Inhaltsverzeichnis 1. Installieren Sie die erford...

Verschiedene Möglichkeiten zum Ändern der Hintergrundbildfarbe mit CSS3

CSS3 kann die Farbe von Bildern ändern. Ab sofort...

impress.js Präsentationsschicht-Framework (Demonstrationstool) - erste Erfahrungen

Ich habe ein halbes Jahr lang nicht gebloggt, wofü...

MySql schnelles Einfügen von zig Millionen großen Datenbeispielen

Im Bereich der Datenanalyse sind Datenbanken unse...

Führen Sie die Schritte zum Einrichten automatischer Updates in CentOS 8 aus

Das Beste, was Sie für Ihre Daten und Computer tu...

Bringen Sie Ihnen bei, wie Sie die Zeigerposition in Javascript erhalten

Die Methode zum Abrufen der Zeigerposition in Jav...

Einführung in Who-Befehlsbeispiele in Linux

Über wen Zeigt die am System angemeldeten Benutze...