首页 > 编程语言 >分享29个超有用的 JavaScript 单行代码(上)

分享29个超有用的 JavaScript 单行代码(上)

时间:2023-03-01 10:47:43浏览次数:89  
标签:arr 12 const JavaScript 29 单行 日期 date join

分享29个超有用的 JavaScript 单行代码(上)

原创2023-02-03 20:13·前端达人

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

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

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

一、日期处理部分

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

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

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

 

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

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

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

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

 

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

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

<date> 是一个 Date 实例。

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

 

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

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

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

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

 

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

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

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

 

二、日期处理部分

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

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

 

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

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

 

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

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

 

三、数字处理

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

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

 

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)));

 

四、处理数组

11、数组复制

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

 

12、简单数组去重

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

 

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

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

 

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

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

 

15、反转字符串

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

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

 

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

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

 

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

结束

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

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

作者:Kesk -*-

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

标签:arr,12,const,JavaScript,29,单行,日期,date,join
From: https://www.cnblogs.com/sexintercourse/p/17167228.html

相关文章

  • 7 个 高效的 JavaScript 库,总有一个适合你
    7个高效的JavaScript库,总有一个适合你原创2023-02-1409:45·前端达人转载说明:原创不易,未经授权,谢绝任何形式的转载当我们可以通过使用库轻松实现相同的结果时,为......
  • 给外联样式表和JavaScript脚本增加版本号的方法
    方法和问题方法一:前端使用JQuery的方法增加版本号方法二:前端使用JavaScript来增加版本号方法三:后端代码加载方法一:前端使用JQuery的方法增加版本号先上代码<scri......
  • 基本功练习_2_29_之(易失变量,中断,异常)
    易失变量:volatile:(嵌入式程序员必须掌握的)volatile最初的意思是表示汽油容易挥发,在c中的作用大概有两点(1)表示变量是易失的,易变的.(2)强制访存操作,防止编译器去优化,告诉......
  • FPGA和CPLD使用时的区别 2012_7_29
    FPGA是现场可编程逻辑门阵列的简称,是电子设计的一个里程碑。CPLD是复杂可变成逻辑器件的简称。尽管FPGA和CPLD都是可编程ASIC器件,有很多共同特点,但由于CPLD和FPGA结构上的......
  • argument keyword in JavaScript Functions
    argument是一个所有(非箭头)函数都有的对象,它是一个类似数组的对象(但它不是Array)详见:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/argum......
  • JavaScript中单例模式这样用
    如果希望自己的代码更优雅、可维护性更高以及更简洁,往往离不开设计模式这一解决方案。在JS设计模式中,最核心的思想:封装变化(将变与不变分离,确保变化的部分灵活,不变的部分......
  • javascript之正则表达式验证email
    1<!DOCTYPEhtml>2<htmllang="en">34<head>5<metacharset="UTF-8">6<metahttp-equiv="X-UA-Compatible"content="IE=edge">7......
  • xr32f429开发环境搭建
    XR32是全志科技的一款MCU芯片,基本参数如下所示:  环境的搭建首先是下载芯片对应的资料和手册(QQ群723687715)软硬件资料官网工具下载:注册全志服务平台    下......
  • JavaScript文件夹上传解决方案
    ​ 项目描述工具类包封装了一些关于分片md5验证、断点续传、分片上传、等方法前端样例使用百度插件WebUploader,插件的源码还是有一定的问题的分片上传是需要前后......
  • JavaScript Window Screen
    JavaScript WindowScreenwindow.screen对象包含有关用户屏幕的信息。WindowScreenwindow.screen对象在编写时可以不使用window这个前缀。一些属性:screen.ava......