总结28个令人惊艳的JavaScript单行代码

 更新时间:2023年12月04日 10:25:35   作者:慕仲卿  
JavaScript作为一种强大而灵活的脚本语言,充满了许多令人惊艳的特性,本文将带你探索28个令人惊艳的JavaScript单行代码,展示它们的神奇魅力,感兴趣的同学跟着小编一起来看看吧

1. 阶乘计算

使用递归函数计算给定数字的阶乘。

const factorial = n => n === 0 ? 1 : n * factorial(n - 1);
console.log(factorial(5)); // 输出 120

2. 判断一个变量是否为对象类型

const isObject = variable === Object(variable);

3. 数组去重

利用Set数据结构的特性,去除数组中的重复元素。

const uniqueArray = [...new Set(array)];

4. 数组合并

合并多个数组,创建一个新的数组。

const mergedArray = [].concat(...arrays);

5. 快速最大值和最小值

获取数组中的最大值和最小值。

const max = Math.max(...array);
const min = Math.min(...array);

6. 数组求和

快速计算数组中所有元素的和。

const sum = array.reduce((acc, cur) => acc + cur, 0);

7. 获取随机整数

生成一个指定范围内的随机整数。

const randomInt = Math.floor(Math.random() * (max - min + 1)) + min;

8. 反转字符串

将字符串反转。

const reversedString = string.split('').reverse().join('');

9. 检查回文字符串

判断一个字符串是否为回文字符串。

const isPalindrome = string === string.split('').reverse().join('');

10. 扁平化数组

将多维数组转换为一维数组。

const flattenedArray = array.flat(Infinity);

11. 取随机数组元素

从数组中随机取出一个元素。

const randomElement = array[Math.floor(Math.random() * array.length)];

12. 判断数组元素唯一

检查数组中的元素是否唯一。

const isUnique = array.length === new Set(array).size;

13. 字符串压缩

将字符串中重复的字符进行压缩。

const compressedString = string.replace(/(.)\1+/g, match => match[0] + match.length);

14. 生成斐波那契数列

生成斐波那契数列的前n项。

const fibonacci = Array(n).fill().map((_, i, arr) => i <= 1 ? i : arr[i - 1] + arr[i - 2]);

15. 数组求交集

获取多个数组的交集。

const intersection = arrays.reduce((acc, cur) => acc.filter(value => cur.includes(value)));

16. 验证邮箱格式

检查字符串是否符合邮箱格式。

const isValidEmail = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(email);

17. 数组去除假值

移除数组中的所有假值,如falsenull0""undefined

const truthyArray = array.filter(Boolean);

18. 求阶乘

计算一个数的阶乘。

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

19. 判断质数

检查一个数是否为质数。

const isPrime = n => ![...Array(n).keys()].slice(2).some(i => n % i === 0);

20. 检查对象是空对象

判断对象是否为空对象。

const isEmptyObject = Object.keys(object).length === 0 && object.constructor === Object;

21. 判断回调函数为真

检查数组中的每个元素是否满足特定条件。

const allTrue = array.every(condition);

22. 检查回调函数为假

检查数组中是否有元素满足特定条件。

const anyFalse = array.some(condition);

23. 数组排序

对数组进行排序。

const sortedArray = array.sort((a, b) => a - b);

24. 日期格式化

将日期对象格式化为指定格式的字符串。

const formattedDate = new Date().toISOString().slice(0, 10);

25. 将字符串转为整数类型

const intValue = +str;

26. 计算数组中元素出现的次数

统计数组中各元素的出现次数。

const countOccurrences = array.reduce((acc, cur) => (acc[cur] ? acc[cur]++ : acc[cur] = 1, acc), {});

27. 交换两个变量的值

[a, b] = [b, a];

28. 利用逗号运算符分隔多个表达式

const result = (expression1, expression2, ..., expressionN);

以上就是总结28个令人惊艳的JavaScript单行代码的详细内容,更多关于JavaScript单行代码的资料请关注脚本之家其它相关文章!

相关文章

  • JS关闭窗口时产生的事件及用法示例

    JS关闭窗口时产生的事件及用法示例

    这篇文章主要介绍了JS关闭窗口时产生的事件及用法,结合关闭窗口时提交评论的实例分析了javascript事件触发机制及遮罩层实现技巧,需要的朋友可以参考下
    2016-08-08
  • JavaScript使用replace函数替换字符串的方法

    JavaScript使用replace函数替换字符串的方法

    这篇文章主要介绍了JavaScript使用replace函数替换字符串的方法,涉及javascript中replace函数的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • 使用js原生实现年份轮播选择效果实例

    使用js原生实现年份轮播选择效果实例

    这篇文章主要给大家介绍了关于如何使用js原生实现年份轮播选择效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • Web制作验证码功能实例代码

    Web制作验证码功能实例代码

    web开发中,经常会使用验证码功能,例如登录、注册,或其他关键功能之前经常会使用。下面通过实例代码给大家介绍Web制作验证码功能实例代码,感兴趣的朋友一起看看吧
    2017-06-06
  • javascript学习基础笔记之DOM对象操作

    javascript学习基础笔记之DOM对象操作

    javascript是一种基于对象和世界驱动,并且安全性较强的脚本语言。一个完整的javascript实现包括核心(ECMAScript),文档对象模型(DOM)和浏览器对象模型(BOM)
    2011-11-11
  • JS实现指定区域的全屏显示功能示例

    JS实现指定区域的全屏显示功能示例

    这篇文章主要介绍了JS实现指定区域的全屏显示功能,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-04-04
  • Three.js加载外部模型的教程详解

    Three.js加载外部模型的教程详解

    这篇文章主要介绍了Three.js外部模型加载的教程详解,在文章给大家补充介绍了three.js 外部模型加载json的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-11-11
  • 动态调用CSS文件的JS代码

    动态调用CSS文件的JS代码

    动态调用CSS文件,一般用于页面的多种颜色选择,通过调用不同的css实现不用的页面颜色效果。
    2010-07-07
  • nullJavascript中创建对象的五种方法实例

    nullJavascript中创建对象的五种方法实例

    今天上午,非常郁闷,有很多简单基础的问题搞得我有些迷茫,哎,代码几天不写就忘。目前又不当COO,还是得用心记代码哦!
    2013-05-05
  • 基于JavaScript实现回到页面顶部动画代码

    基于JavaScript实现回到页面顶部动画代码

    这篇文章主要介绍了基于JavaScript实现回到页面顶部动画代码的相关资料,代码简单易用,非常实用,需要的朋友可以参考下
    2016-05-05

最新评论