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

Unterschied zwischen varchar- und char-Typen in MySQL

Inhaltsverzeichnis vorgenannt VARCHAR-Typ VARCHAR...

Implementierung der vertikalen Zentrierung mit unbekannter Höhe in CSS

Dieser Artikel stellt hauptsächlich die Implement...

Verwenden Sie Docker, um den Kong-Clusterbetrieb aufzubauen

Es ist sehr einfach, einen Kong-Cluster unter dem...

jQuery Canvas generiert ein Poster mit einem QR-Code

In diesem Artikel wird der spezifische Code zur V...

Grafisches Tutorial zur Installation von CentOS7 auf VMware 15.5

1. Erstellen Sie eine neue virtuelle Maschine in ...

HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (6)

Diese eingeführten HTML-Tags entsprechen nicht un...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.16 winx64

Ich habe erst vor Kurzem angefangen, mich mit Dat...

Vue implementiert einen beweglichen schwebenden Button

In diesem Artikelbeispiel wird der spezifische Co...

Erstellen privater Mitglieder in JavaScript

Inhaltsverzeichnis 1. Verwende Closures 2. Verwen...

Hyperlink-Tag für HTML-Webseiten

Lernprogramm zum Hyperlink-Tag einer HTML-Webseit...