超实用的javascript代码段(分享29个超有用的)

在这篇文章中,我列出了一系列 29 个 JavaScript 单行代码,它们在使用原生JS(≥ ES6)进行开发时非常有用。它们也是使用该语言在最新版本中为我们提供的所有功能来解决问题的优雅方式。我将它们分为以下几类:

  • 日期
  • 字符串
  • 数字
  • 数组
  • 工具函数

事不宜迟,废话不多说,希望这些代码对大家有所帮助。

一、日期处理部分

1、如何确认给定的日期是否是当前日期

其思路,就像将两个日期转换为相同格式并进行简单的比较。示例代码如下:

const isCurrentDay = (date) => new Date().toISOString().slice(0, 10) === date.toISOString().slice(0, 10);

超实用的javascript代码段(分享29个超有用的)(1)

2、如何确定一个日期是否在两个日期之间

我们检查过去的日期是否在最小-最大范围内。

<min>、<max> 和 <date> 是 Date 实例。

const isBetweenTwoDates = ( min, max, date) => date.getTime() >= min.getTime() && date.getTime() <= max.getTime();

超实用的javascript代码段(分享29个超有用的)(2)

3、如何确认一个日期是否在周末

getDay 方法返回一个介于 0 和 6 之间的数字,表示给定日期是星期几。

<date> 是一个 Date 实例。

const isWeekend = ( date ) => date.getDay() === 6 || date.getDay() === 0;

超实用的javascript代码段(分享29个超有用的)(3)

4、检查一个日期是否在某年内

类似于我们检查日期是否与当前日期相对应的情况。在这种情况下,我们获取年份并进行比较。

<date> 和 <year> 是两个 Date 实例。

const isInAYear = (date, year) => date.getUTCFullYear() === new Date(`${year}`).getUTCFullYear();

超实用的javascript代码段(分享29个超有用的)(4)

5、将小时转换为 AM-PM 格式

我们可以用数学表达式来判断给定的时间是否小于或等于12小时,从而判断是“上午”还是“下午”。

const toAMPMFormat= (h) => `${h % 12 === 0 ? 12 : h % 12}${h < 12 ? ' am.' : ' pm.'}`;

超实用的javascript代码段(分享29个超有用的)(5)

二、日期处理部分

6、将句子的第一个字母大写

const capitalize = ([first, ...rest]) => `${first.toUpperCase()}${rest.join('')}`;

超实用的javascript代码段(分享29个超有用的)(6)

7、将英文字母转成对应的emoji形式

const letterToEmoji = c => String.fromCodePoint(c.toLowerCase().charCodeAt() 127365);

超实用的javascript代码段(分享29个超有用的)(7)

8、如何判断一个字符串是不是回文

const isPalindrome = (str) => str.toLowerCase() === str.toLowerCase().split('').reverse().join('');

超实用的javascript代码段(分享29个超有用的)(8)

三、数字处理

9、如何计算一个数的阶乘

const getFactorial = (n) => (n <= 1 ? 1 : n * getFactorial(n - 1));

超实用的javascript代码段(分享29个超有用的)(9)

10、如何计算一个斐波那契数列第N项(Fibonacci)?

用文字来说,就是斐波那契数列由0和1开始,之后的斐波那契数就是由之前的两数相加而得出。首几个斐波那契数是:

1、 1、 2、 3、 5、 8、 13、 21、 34、 55、 89、 144、 233、 377、 610、 987……

const getFibonacci = (n, memo = {}) => memo[n] || (n <= 2 ? 1 : (memo[n] = getFibonacci(n - 1, memo) getFibonacci(n - 2, memo)));

超实用的javascript代码段(分享29个超有用的)(10)

四、处理数组

11、数组复制

const copyToArray = (arr) => [...arr];

超实用的javascript代码段(分享29个超有用的)(11)

12、简单数组去重

const getUnique = (arr) => [...new Set(arr)];

超实用的javascript代码段(分享29个超有用的)(12)

13、洗牌算法(随机数组)

const shuffle = (arr) => arr.sort(() => Math.random() - 0.5);

超实用的javascript代码段(分享29个超有用的)(13)

14、按属性对数组进行聚合分组(类似 SQL 的 group by)

const groupBy = (arr, groupFn) => arr.reduce( (grouped, obj) => ({...grouped, [groupFn(obj)]: [...(grouped[groupFn(obj)] || []), obj], }), {});

超实用的javascript代码段(分享29个超有用的)(14)

15、反转字符串

我们可以利用内置的 Array 方法,如 reverse() 和 join() 组合来创建一个简单的单行代码。

const reverseString = (str) => str.split('').reverse().join('');

超实用的javascript代码段(分享29个超有用的)(15)

16、检查两个数组是否包含相同的值

我们可以使用 Array.sort() 和 Array.join() 方法组合起来检查两个数组是否包含相同的值。

超实用的javascript代码段(分享29个超有用的)(16)

const containSameValues= (arr1, arr2) => arr1.sort().join(',') === arr2.sort().join(',');

结束

由于文章的篇幅内容有限,今天先分享到这里,希望今天的分享对你有所帮助,在下面的文章继续分享工具函数剩余的13个代码片段。感谢你的阅读,如果你喜欢我的分享,别忘了点赞转发,让更多的人看到,最后别忘记点个关注,你的支持将是我分享最大的动力,后续我会持续输出更多内容,敬请期待。

原文:https://medium.com/codex/30-super-useful-javascript-one-liners-98c8cd8d53da

作者:Kesk -*-

非直接翻译,有自行改编和添加部分。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页