Dieser Artikel stellt Ihnen 33 sehr praktische einzeilige JavaScript-Codes vor, die organisiert und mit Ihnen geteilt werden. Diese Methoden verwenden einige APIs, um den Vorgang zu vereinfachen, aber einige Methoden sind nicht sehr elegant, um eine Zeile zu schreiben, daher konzentrieren wir uns hier hauptsächlich auf das Erlernen von APIs Tipps zur Verwendung! Ich hoffe, es hilft allen.
1. Datumsverarbeitung
1. Überprüfen Sie, ob das Datum gültig ist. Mit dieser Methode wird überprüft, ob das angegebene Datum gültig ist:
const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf()); isDateValid("December 17, 1995 03:24:00"); // true
const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000) dayDif(new Date("2021-11-3"), new Date("2022-2-1")) // 90
const dayOfYear = (date) => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24); dayOfYear(new Date()); // 307
4. Zeitformatierung
Diese Methode kann verwendet werden, um die Zeit in das Format Stunde:Minuten:Sekunden:const timeFromDate = date => date.toTimeString().slice(0, 8); timeFromDate(new Date(2021, 11, 2, 12, 30, 0)); // 12:30:00 timeFromDate(new Date()); // 返回当前时间 09:00:00
1. Den ersten Buchstaben einer Zeichenfolge groß schreiben
Diese Methode wird verwendet, um den ersten Buchstaben einer englischen Zeichenfolge großzuschreiben:const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1) capitalize("hello world") // Hello world
const reverse = str => str.split('').reverse().join(''); reverse('hello world'); // 'dlrow olleh'
const randomString = () => Math.random().toString(36).slice(2); randomString();
const truncateString = (string, length) => string.length < length ? string : `${string.slice(0, length - 3)}...`; truncateString('Hi, I should be truncated because I am too loooong!', 36) // 'Hi, I should be truncated because...'
const stripHtml = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';
1. Aus dem Array Duplikate aus dem Array entfernen
Diese Methode wird verwendet, um Duplikate aus dem Array zu entfernen:const removeDuplicates = (arr) => [...new Set(arr)]; console.log(removeDuplicates([1, 2, 2, 3, 3, 4, 4, 5, 5, 6]));
const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0; isNotEmpty([1, 2, 3]); // true
const merge = (a, b) => a.concat(b); const merge = (a, b) => [...a, ...b];
Diese Methode wird verwendet, um zu bestimmen, ob eine Zahl ungerade oder gerade ist:
const isEven = num => num % 2 === 0; isEven(996);
const average = (...args) => args.reduce((a, b) => a + b) / args.length; average(1, 2, 3, 4, 5); // 3
const random = (min, max) => Math.floor(Math.random() * (max - min + 1) + min); random(1, 50);
const round = (n, d) => Number(Math.round(n + "e" + d) + "e-" + d) round(1.005, 2) //1.01 round(1.555, 2) //1.56
1. Konvertieren Sie RGB in einen Hexadezimalwert. Diese Methode kann einen RGB-Farbwert in einen Hexadezimalwert umwandeln:
const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); rgbToHex(255, 255, 255); // '#ffffff'
const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`; randomHex();
6. Browseroperationen
1. Inhalt in die Zwischenablage kopierenDiese Methode verwendet navigator.clipboard.writeText, um den Text in die Zwischenablage zu kopieren:
const copyToClipboard = (text) => navigator.clipboard.writeText(text); copyToClipboard("Hello World");
Diese Methode kann mithilfe von document.cookie auf Cookies zugreifen und alle auf der Webseite gespeicherten Cookies löschen:
const clearCookies = document.cookie.split(';').forEach(cookie => document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date(0).toUTCString()};path=/`));
Die Methode ruft den vom Benutzer ausgewählten Text über das integrierte ab. im getSelection-Attribut:
const getSelectedText = () => window.getSelection().toString(); getSelectedText();
const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches console.log(isDarkMode)
const goToTop = () => window.scrollTo(0, 0); goToTop();
const isTabInView = () => !document.hidden;
const isAppleDevice = () => /Mac|iPod|iPhone|iPad/.test(navigator.platform); isAppleDevice();
Diese Methode wird verwendet, um auf eine neue URL umzuleiten:
const scrolledToBottom = () => document.documentElement.clientHeight + window.scrollY >= document.documentElement.scrollHeight;
const redirect = url => location.href = url redirect("https://www.google.com/")
const showPrintDialog = () => window.print()
const randomBoolean = () => Math.random() >= 0.5; randomBoolean();
该方法用于摄氏度和华氏度之间的转化:
const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32; const fahrenheitToCelsius = (fahrenheit) => (fahrenheit - 32) * 5/9; celsiusToFahrenheit(15); // 59 celsiusToFahrenheit(0); // 32 celsiusToFahrenheit(-20); // -4 fahrenheitToCelsius(59); // 15 fahrenheitToCelsius(32); // 0
5. 检测对象是否为空
该方法用于检测一个JavaScript对象是否为空:
const isEmpty = obj => Reflect.ownKeys(obj).length === 0 && obj.constructor === Object;
【相关推荐:javascript学习教程】
Das obige ist der detaillierte Inhalt von33 sehr praktische einzeilige JavaScript-Codes, es wird empfohlen, sie zu sammeln!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!