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

Inhaltsverzeichnis

1. Zahlen umkehren
2. Holen Sie sich die größten n Zahlen im Array
3. Fakultät berechnen
4. Bestimmen Sie, ob die aktuelle Betriebsumgebung ein Browser ist
5. Bestimmen Sie, ob die aktuelle Betriebsumgebung Node.js ist
6. Holen Sie sich die Parameter der URL
7. Konvertieren Sie das Farbausdrucksformat rgb(x,x,x) in das Objektformat
8. Escape-Strings zur Verwendung in HTML
9. Entfernt Escape-HTML-Zeichen
10. Generieren Sie eine zufällige Ganzzahl innerhalb eines bestimmten Bereichs
11. Wandeln Sie den Tilde-Pfad in einen absoluten Pfad um
12. Holen Sie sich die aktuelle URL ohne Parameter oder Fragmentkennungen
13. Gibt die Länge der Zeichenfolge in Bytes zurück
14. Elemente in einem Array zufällig abrufen
15. Überprüfen Sie, ob die Zeichenfolge gültiges JSON ist

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?