13个JavaScript 一行程序,让你看起来就是个专家

yizhihongxing

下面我将详细讲解“13个JavaScript 一行程序,让你看起来就是个专家”的完整攻略。

首先,这篇文章介绍了13个能让你看起来很专业的 JavaScript 一行程序。这些程序都非常短小精悍,并且可以快速解决一些常见的编程问题。下面我们逐一介绍一下这些程序。

1. 取两个数中的最小值

const min = (a, b) => a < b ? a : b;

这行代码定义了一个 min 函数,接受两个参数 ab,然后返回其中的最小值。使用这个函数的时候,只需要调用 min(a, b) 即可得到最小值。

2. 取两个数中的最大值

const max = (a, b) => a > b ? a : b;

与上一个例子类似,这个函数定义了一个 max 函数,接受两个参数 ab,然后返回其中的最大值。使用方法也是类似的,只需要调用 max(a, b) 即可得到最大值。

3. 数组求和

const sum = arr => arr.reduce((a, b) => a + b, 0);

这一行代码定义了一个 sum 函数,接受一个数组参数 arr,并且使用 reduce 函数将数组中的所有元素相加起来。最后返回数组所有元素的和。使用方法也很简单,只需要调用 sum([1, 2, 3, 4]) 即可得到结果。

4. 找出数组中的最大值

const maxInArray = arr => Math.max(...arr);

这个函数定义了一个 maxInArray 函数,接受一个数组参数 arr,并且使用 Math.max 函数获取数组中的最大值。使用方法也很简单,只需要调用 maxInArray([1, 2, 3, 4]) 即可得到结果。

经过类似的介绍,我们可以得到如下完整的攻略:

  1. 取两个数中的最小值:const min = (a, b) => a < b ? a : b;
  2. 取两个数中的最大值:const max = (a, b) => a > b ? a : b;
  3. 数组求和:const sum = arr => arr.reduce((a, b) => a + b, 0);
  4. 找出数组中的最大值:const maxInArray = arr => Math.max(...arr);
  5. 找出数组中的最小值:const minInArray = arr => Math.min(...arr);
  6. 随机生成颜色代码:const randomColor = () => '#'+Math.floor(Math.random()*16777215).toString(16);
  7. 取出字符串的首字母:const firstLetter = str => str.charAt(0);
  8. 找到数组中的最大值和最小值:const minMax = arr => [Math.min(...arr), Math.max(...arr)];
  9. 判断一个变量是否是数组类型:const isArray = val => Array.isArray(val);
  10. 反转一个字符串:const reverseString = str => str.split('').reverse().join('');
  11. 判断一个数字是否是偶数:const isEven = num => num % 2 === 0;
  12. 判断一个数字是否是奇数:const isOdd = num => num % 2 !== 0;
  13. 返回一个范围内的随机整数:const randomInteger = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

以上就是13个 JavaScript 一行程序的攻略。它们都十分实用简洁,适用于日常的编程需求。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:13个JavaScript 一行程序,让你看起来就是个专家 - Python技术站

(0)
上一篇 2023年5月18日
下一篇 2023年5月18日

相关文章

  • js几个不错的函数 $$()

    当我们在操作 DOM 元素时,选择器是一个非常重要的部分。虽然在实现选择器时,使用 querySelector() 和 querySelectorAll() 不是最佳选择,但它们确实是使用最频繁的选择器。 然而,现在有一个新兴的 DOM 选择器,即 $$() 函数,它是一个 querySelectorAll() 的别名。虽然在一些场景下不如 querySel…

    JavaScript 2023年5月27日
    00
  • javascript的基础交互详解

    JavaScript的基础交互详解 JavaScript是一种用于在网页中实现交互效果的编程语言。它的主要应用领域之一是Web开发,可以实现动态效果和交互逻辑。 给HTML元素绑定事件 当用户对网页进行操作时(例如点击按钮、移动鼠标等),我们可以通过绑定事件来触发JavaScript代码的执行。在HTML中,我们可以通过on开头的属性来绑定事件。 例如,我们…

    JavaScript 2023年5月17日
    00
  • javascript实现获取字符串hash值

    获取字符串的哈希值实际上是将字符串转换为一个数字,这个数字唯一地代表了该字符串。JavaScript中可以使用哈希算法来获取字符串的哈希值,下面是获取字符串哈希值的完整攻略。 步骤1:选定哈希函数 JavaScript中常用的字符串哈希函数有很多,比如BKDRHash、APHash、JSHash等。这里以BKDRHash为例,其实现代码如下: functio…

    JavaScript 2023年5月28日
    00
  • JavaScript Number 对象

    以下是关于JavaScript Number对象的完整攻略。 JavaScript Number对象 JavaScript Number对象是一种用于表示数字的数据类型。它可以表示整数、浮点数、负数等。 Number对象提了一些方法,用于对数字进行操作和转换。 创建Number对象 可以使用Number()构造函数来创建JavaScript Number对象…

    JavaScript 2023年5月11日
    00
  • js 弹出框只弹一次(二次修改之后的)

    下面是“js 弹出框只弹一次(二次修改之后的)”的完整攻略: 1. 先分析问题 在实现弹出框只弹一次之前,我们需要先分析一下问题出在哪里。可能是因为弹框的逻辑写在了循环体内,导致每次循环都会弹出一个弹框,也有可能是因为没有设置弹框只弹一次的标记,导致每次都会弹出弹框。 2. 解决方案 2.1 将弹框逻辑放到循环体外面 let flag = true; for…

    JavaScript 2023年6月11日
    00
  • JavaScript数值类型知识汇总

    JavaScript数值类型知识汇总 JavaScript中常用的数值类型包括整数、浮点数和NaN。 整数 整数是没有小数部分的数字。JavaScript中可以使用十进制、二进制、八进制和十六进制来表示整数。 十进制整数 十进制整数是常用的整数表示方法,可以直接使用如下方式定义整数变量: let num = 123; 二进制整数 在JavaScript的EC…

    JavaScript 2023年5月18日
    00
  • JS中正则表达式要注意lastIndex属性

    JavaScript中的正则表达式是一种特殊的对象类型,用来匹配字符串中的模式。在正则表达式匹配时,需要注意到lastIndex属性。 lastIndex属性介绍 lastIndex是RegExp对象的一个属性,表示正则表达式匹配下一个字符的位置。当进行全局匹配时,每次匹配都是从上一次匹配完成后lastIndex处继续查找。当进行非全局匹配时,lastInd…

    JavaScript 2023年6月10日
    00
  • JS获取月的最后一天与JS得到一个月份最大天数的实例代码

    获取一个月份的最后一天的实现思路可以分为两步: 获取下一个月份的0号日期 用当前月份的最后一天减去下个月份的0号日期的天数,即为当前月份的最后一天 以下是实现的具体步骤: 获取一个月份最后一天的JS实现步骤 第一步:获取下个月0号日期 JS中获取一个月份的下个月0号日期,可以使用以下代码: const date = new Date(); const yea…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部