1. DOM & BOM bezogen1. Überprüfen Sie, ob das Element den Fokus hatconst hasFocus = (ele) => ele === document.activeElement; 2. Alle Geschwisterknoten eines Elements abrufenconst Geschwister = (ele) => [].slice.call(ele.parentNode.children).filter((child) => child !== ele); // oder const siblings = (ele) => [...ele.parentNode.children].filter((child) => child !== ele); 3. Holen Sie sich den ausgewählten Textconst getSelectedText = () => window.getSelection().toString(); 4. Zurück zur vorherigen SeiteGeschichte.zurück(); // oder history.go(-1); 5. Alle Cookies löschenconst clearCookies = () => Dokument.Cookie .Teilt(';') .forEach((c) =>(document.cookie = c.replace(/^ +/, '') .replace(/=.*/, `=;expires=${new Date().toUTCString()};path=/`))); 6. Cookies in Objekte umwandeln const cookies = Dokument.cookie 2. Array-bezogen7. Vergleichen zweier Arrays// „a“ und „b“ sind ein Array const isEqual = (a, b) => JSON.stringify(a) === JSON.stringify(b); // oder const isEqual = (a, b) => a.length === b.length und a.every((v, i) => v === b[i]); // Beispiel isEqual([1, 2, 3], [1, 2, 3]); // true istgleich([1, 2, 3], [1, '2', 3]); // falsch 8. Konvertieren Sie ein Array von Objekten in ein Objektconst toObject = (arr, key) => arr.reduce((a, b) => ({ ...a, [b[key]]: b }), {}); // oder const toObject = (arr, key) => Object.fromEntries(arr.map((it) => [it[key], it])); // Beispiel toObject([ { id: '1', name: 'Alpha', gender: 'Männlich' }, { id: '2', name: 'Bravo', gender: 'Männlich' }, { id: '3', name: 'Charlie', gender: 'Weiblich' }], 'Ausweis'); /* { '1': { id: '1', name: 'Alpha', gender: 'Männlich' }, '2': { id: '2', name: 'Bravo', gender: 'Männlich' }, '3': { id: '3', name: 'Charlie', gender: 'Weiblich' } } */ 9. Zählen nach Eigenschaften eines Arrays von Objektenconst countBy = (arr, prop) => arr.reduce((prev, curr) => ((prev[curr[prop]] = ++prev[curr[prop]] || 1), prev), {}); // Beispiel countBy([ { Branche: 'audi', Modell: 'q8', Baujahr: '2019' }, { Branche: 'audi', Modell: 'rs7', Baujahr: '2020' }, { Branche: 'Ford', Modell: 'Mustang', Baujahr: '2019' }, { Branche: 'Ford', Modell: 'Explorer', Jahr: '2020' }, { Branche: 'bmw', Modell: 'x7', Jahr: '2020' }, ], 'Zweig'); // { 'audi': 2, 'ford': 2, 'bmw': 1 } 10. Überprüfen Sie, ob das Array leer istconst isNotEmpty = (arr) => Array.isArray(arr) && Object.keys(arr).length > 0; // Beispiel isNotEmpty([]); // false istNichtEmpty([1, 2, 3]); // wahr 3. Objektbezogen11. Überprüfen Sie, ob mehrere Objekte gleich sindconst isEqual = (...Objekte) => Objekte.jedes((Objekt) => JSON.stringify(Objekt) === JSON.stringify(Objekte[0])); // Beispiel isEqual({ foo: 'bar' }, { foo: 'bar' }); // true ist gleich ({ foo: 'bar' }, { bar: 'foo' }); // falsch 12. Extrahieren von Attributwerten aus einem Array von Objektenconst pluck = (objs, Eigenschaft) => objs.map((obj) => obj[Eigenschaft]); // Beispiel pluck([ { Name: 'John', Alter: 20 }, { Name: 'Smith', Alter: 25 }, { Name: 'Peter', Alter: 30 }, ], 'Name'); // ['John', 'Schmied', 'Peter'] 13. Kehren Sie die Schlüssel und Werte eines Objekts umconst invert = (obj) => Objekt.keys(obj).reduce((res, k) => Objekt.assign(res, { [obj[k]]: k }), {}); // oder const invert = (obj) => Object.fromEntries(Object.entries(obj).map(([k, v]) => [v, k])); // Beispiel invert({ a: '1', b: '2', c: '3' }); // { 1: 'a', 2: 'b', 3: 'c' } 14. Entfernen Sie alle leeren und undefinierten Eigenschaften von Objektenconst removeNullUndefined = (obj) => Objekt.Einträge(Objekt).Reduzieren( (a, [k, v]) => (v == null ? a : ((a[k] = v), a)), {}, ); // oder const removeNullUndefined = (obj) => Objekt.Einträge(obj) .filter(([_, v]) => v != null) .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {}); // oder const removeNullUndefined = (obj) => Objekt.fromEntries(Objekt.entries(obj).filter(([_, v]) => v != null)); // BeispielremoveNullUndefined({ foo: null, Balken: undefiniert, Flaum: 42 }); // { fuzz: 42 } 15. Objekte nach Eigenschaften sortierenconst sort = (Obj) => Objekt.Schlüssel(obj) .Sortieren() .reduce((p, c) => ((p[c] = obj[c]), p), {}); // Beispiel const colors = { weiß: '#ffffff', schwarz: '#000000', rot: '#ff0000', grün: '#008000', blau: '#0000ff', }; sortieren (Farben); /* { schwarz: '#000000', blau: '#0000ff', grün: '#008000', rot: '#ff0000', weiß: '#ffffff', } */ 16. Prüfen Sie, ob ein Objekt ein Promise istconst isPromise = (obj) => !!Objekt && (Typ von Objekt === 'Objekt' || Typ von Objekt === 'Funktion') && Typ von Objekt.dann === 'Funktion'; 17. Überprüfen Sie, ob das Objekt ein Array istconst isArray = (obj) => Array.isArray(obj); Dies ist das Ende dieses Artikels über JavaScript-Einzeilenprogramme. Weitere relevante Inhalte zu JavaScript-Einzeilenprogrammen finden Sie in früheren Artikeln auf 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:
|
MQTT-Protokoll MQTT (Message Queuing Telemetry Tr...
Inhaltsverzeichnis Komponente zur Leistungsoptimi...
Erstellen einer Testtabelle -- ------------------...
Inhaltsverzeichnis Vorwort 1. Vorschau der Office...
1. Die Eigenschaft „vertical-align“ erzielt folge...
1. Einführung in Prometheus Prometheus ist eine O...
1. Was ist Docker? (1) Docker ist ein Open-Source...
## 1 Ich lerne gerade die Docker-Bereitstellung u...
Vorwort In diesem Artikel sind einige allgemeine ...
Entwickler, die mit Element-UI vertraut sind, hab...
1. Einführung in Docker Docker wurde in der Progr...
Gestern Abend habe ich einen Aufsatz über den Bro...
1. Was ist Floating? Floaten bedeutet, wie der Na...
Durch das Hinzufügen des Attributs rel="nofo...
1. Umweltvorbereitung 1.1 Grundlegende Umgebung N...