1. Zahlen umkehrenconst 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 Arrayconst 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 berechnenconst 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 istconst isBrowser = () => ![Fenstertyp, Dokumenttyp].includes('undefined'); isBrowser(); // falsch (Knoten) isBrowser(); // true (Browser) 5. Bestimmen Sie, ob die aktuelle Betriebsumgebung Node.js istconst isNode = () => Typ des Prozesses !== 'undefiniert' && !!Prozess.Versionen && !!Prozess.Versionen.Knoten; isNode(); // wahr (Knoten) isNode(); // false (Browser) 6. Holen Sie sich die Parameter der URLconst 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 Objektformatconst 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 HTMLconst escapeHTML = str => str.ersetzen( /[&<>'"]/g, tag => ({ '&': '&', '<': '<', '>': '>', "'": ''', '"': '"' }[tag] || tag) ); escapeHTML('<a href="#" rel="external nofollow" >tntweb</a>'); 9. Entfernt Escape-HTML-Zeichenconst unescapeHTML = str => str.ersetzen( /&|<|>|'|"/g, tag => ({ '&': '&', '<': '<', '>': '>', ''': "'", '"': '"' }[tag] || tag) ); unescapeHTML('<a href="#">>tntweb</a>'); 10. Generieren Sie eine zufällige Ganzzahl innerhalb eines bestimmten Bereichsconst 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 umconst reversePath = str => str.replace(/^~($|\/|\\)/, `${require('os').homedir()}$1`); reversePath('~/web'); // '/Benutzer/[Benutzername]/web' 12. Holen Sie sich die aktuelle URL ohne Parameter oder Fragmentkennungenconst 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ückconst byteSize = str => neuer Blob([str]).size; byteGröße('🚗'); // 4 byteSize('Hallo Welt'); // 11 14. Elemente in einem Array zufällig abrufenconst 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 istconst 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:
|
<<: Strategie zur Optimierung der Leistung von MySQL-Datenbankabfragen
>>: Wie stellt MySQL die Datenintegrität sicher?
Inhaltsverzeichnis 1. Literale 1.1 Numerische Lit...
1. Einleitung Beim Filtern unbekannter oder teilw...
Inhaltsverzeichnis 1. Installieren Sie die erford...
1. Starten Sie den Docker-Container Starten Sie m...
1 Überprüfen Sie, ob der Kernel ein Tun-Modul hat...
<div Klasse="Box"> <img /> ...
Eine kurze Beschreibung der Umgebungsvariablenkon...
CSS3 kann die Farbe von Bildern ändern. Ab sofort...
Ich habe ein halbes Jahr lang nicht gebloggt, wofü...
Im Bereich der Datenanalyse sind Datenbanken unse...
Vorwort: Die verteilte Master-Slave-Architektur v...
Das Beste, was Sie für Ihre Daten und Computer tu...
Der Originalcode lautet: <div Klasse = "K...
Die Methode zum Abrufen der Zeigerposition in Jav...
Über wen Zeigt die am System angemeldeten Benutze...