在这篇文章中,个超我列出了一个系列的单行代码 30 个 JavaScript 单行代码,它们在使用 vanilla js(≥ ES6)进行开发时非常有用。个超它们也是单行代码使用该语言在最新版本中为我们提供的所有功能来解决问题的优雅方式。
我将它们分为以下5大类:
事不宜迟,个超我马上开始的单行代码,我希望你发现他们对你有帮助!个超
就像将两个日期转换为相同格式并进行比较一样简单。
<date> 是个超一个 Date 实例。
const isCurrentDay = (date) => new Date().toISOString().slice(0,单行代码 10) === date.toISOString().slice(0, 10);
我们检查过去的日期是否在最小-最大范围内。
<min>、个超<max> 和 <date> 是 Date 实例。
const isBetweenTwoDates = ( min, max, date) => date.getTime() >= min.getTime() && date.getTime() <= max.getTime();
getDay 方法返回一个介于 0 和 6 之间的数字,表示给定日期是星期几。
<date> 是一个 Date 实例。
const isWeekend = ( date ) => date.getDay() === 6 || date.getDay() === 0;
类似于我们过去检查日期是否与当前日期相对应的情况。在这种情况下,我们获取年份并进行比较。
<date> 和 <year> 是两个 Date 实例。
const isInAYear = (date, year) => date.getUTCFullYear() === new Date(`${ year}`).getUTCFullYear();
我们可以用数学表达式来判断经过的时间是否小于或等于13小时,从而判断是“上午”还是“下午”。
const toAMPMFormat= (h) => `${ h % 12 === 0 ? 12 : h % 12}${ h < 12 ? ' am.' : ' pm.'}`;
我们将第一个字母转换为大写字母,然后使用 <join.> 附加句子的其余字母
const capitalize = ([first, ...rest]) => `${ first.toUpperCase()}${ rest.join('')}`;
const letterToEmoji = c => String.fromCodePoint(c.toLowerCase().charCodeAt() + 127365);
const isPalindrome = (str) => str.toLowerCase() === str.toLowerCase().split('').reverse().join('');
const getFactorial = (n) => (n <= 1 ? 1 : n * getFactorial(n - 1));
const getFibonacci = (n, memo = { }) => memo[n] || (n <= 2 ? 1 : (memo[n] = getFibonacci(n - 1, memo) + getFibonacci(n - 2, memo)));
const getFactorial = (n) => (n <= 1 ? 1 : n * getFactorial(n - 1));
const copyToArray = (arr) => [...arr];
const getUnique = (arr) => [...new Set(arr)];
以下代码段以非常有效的方式打乱数组。
const shuffle = (arr) => arr.sort(() => Math.random() - 0.5);
const groupBy = (arr, groupFn) => arr.reduce( (grouped, obj) => ({ ...grouped, [groupFn(obj)]: [...(grouped[groupFn(obj)] || []), obj], }),{ });
我们可以利用内置的 Array 方法,如 reverse() 和 join() 来创建一个做同样事情的单行代码。
const reverseString = (str) => str.split('').reverse().join('');
我们可以使用 Array.sort() 和 Array.join() 方法来检查两个数组是否包含相同的值。
const containSameValues= (arr1, arr2) => arr1.sort().join(',') === arr2.sort().join(',');
const toFahrenheit= (celsius) => (celsius * 9) / 5 + 32;
const toCelsius= (fahrenheit) => (fahrenheit- 32) * 5 / 9;
const clearAllCookies = () => document.cookie.split(';').forEach((c) => (document.cookie = c.replace(/^ +/, '').replace(/=.*/, `=;expires=${ new Date().toUTCString()};path=/`)));
const toRGB= (hex) => hex .replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_, r, g, b) => `#${ r}${ r}${ g}${ g}${ b}${ b}`) .substring(1) .match(/.{ 2}/g) .map((x) => parseInt(x, 16));
const toHEX = (r,g,b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
23. 检查函数是否为异步函数
const isAsyncFunction = (f) => Object.prototype.toString.call(f) === '[object AsyncFunction]';
const runningInBrowser = typeof window === 'object' && typeof document === 'object';
const runningInNode= typeof process !== 'undefined' && process.versions != null && process.versions.node != null;
这是一种非常方便的方法来检查用户是否在其浏览器上启用了黑暗模式。
const isDarkMode = () => window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
滚动元素的一种单行方法是使用 <scrollIntoView> 方法。
const toTop = (element) => element.scrollIntoView({ behavior: "smooth", block: "start" });
28.滚动到底部
const toBottom = (element) => element.scrollIntoView({ behavior: "smooth", block: "end" });
这个函数可以让我们以简单的方式将 Map 对象转换为 JSON 字符串。
const jsonToMap = (json) => new Map(Object.entries(JSON.parse(json)));
此函数允许我们生成具有 128 位值的 UUID,用于唯一标识对象或实体。
const generateUUID = (a) => a ? (a ^ ((Math.random() * 16) >> (a / 4))).toString(16) : ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace( /[018]/g, generateUUID);
如果你已经阅读到这里了,请记得收藏起来,这些都是非常实用的单行代码技巧。
当然,如果你都会了,你可以直接忽略或者当成复习也可以。
责任编辑:华轩 来源: web前端开发 JavaScrip开发功能(责任编辑:娱乐)
西力科技(688616.SH):网上发行最终中签率为0.02967172% 配号总数为96,51,58个
美国商务部公布了2016年在美投资最多的国家名单 西班牙居首
财政部:前10月国有企业利润总额同比增长17.3% 经济运行态势较好
欧盟将对谷歌开出24.2亿欧元的罚款 互联网创新挑战反垄断制度
74份一季度业绩预告出炉 3月份以来股价实现上涨的个股有36只