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

下面我将详细讲解“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日

相关文章

  • JavaScript 中断请求几种方案详解

    JavaScript 中断请求几种方案详解 在Web开发中,我们经常需要发送Ajax请求来获取数据或向后端发送请求,但有时候我们需要中断请求。这篇文章将会详细介绍JavaScript中断请求的几种方案。 方案一:使用XMLHttpRequest的abort()方法 XMLHttpRequest(以下简称XHR)是一个Web API接口,用于发送HTTP请求和…

    JavaScript 2023年6月11日
    00
  • JS button按钮实现submit按钮提交效果

    下面是详细讲解“JS button按钮实现submit按钮提交效果”的完整攻略。 1. 实现步骤 1.1 编写HTML代码 首先,我们需要在HTML中创建一个表单,里面包含需要提交的数据。通过<form>标签来创建表单,<input>标签用于创建输入框、单选框、多选框等表单控件。 <form> <label>U…

    JavaScript 2023年6月10日
    00
  • js变量、作用域及内存详解

    JS变量、作用域及内存详解 JavaScript 是一门动态、解释型语言,定义了多种不同类型的值,比如数字、字符串、布尔值、对象等。在 JavaScript 中,变量用于算术计算、字符串拼接、逻辑表达式等各种的场景,变量是引用值和原始值的存储体。 变量 变量的定义与命名规则 在 JavaScript 中,变量的定义使用关键字 var 或 let,如果不带任何…

    JavaScript 2023年6月10日
    00
  • js下用eval生成JSON对象

    使用eval函数可以将字符串转换为JavaScript代码执行,因此可以使用eval生成JSON对象。以下是生成JSON对象的完整攻略: 1. 准备JSON字符串 首先,你需要准备一个字符串表示的JSON数据。这个JSON字符串必须遵循JSON语法规范,且必须被引号包裹。下面是一个示例JSON字符串: var jsonStr = ‘{"name&q…

    JavaScript 2023年5月27日
    00
  • js DOM的事件常见操作实例详解

    js DOM的事件常见操作实例详解 前言 在web开发中,dom事件是我们经常会遇到的部分。在dom事件中,我们可以监听各种事件,如点击,键盘输入等。本文将对常见的dom事件进行详细的介绍,并提供常见操作的实例。 常见的DOM事件 以下是一些常见的DOM事件:- 鼠标事件:mousedown, mouseup, click, dblclick, mouseo…

    JavaScript 2023年6月10日
    00
  • javascript中取前n天日期的两种方法分享

    当我们需要获取前n天的日期时,可以利用JavaScript的Date对象和数组的方法来完成,以下是两种实现方法: 方法一:使用Date对象 /** * 根据当前日期计算前n天的日期 * @param {Number} n 前n天的日期 */ function getNDaysBefore(n) { var now = new Date(); var last…

    JavaScript 2023年5月27日
    00
  • Ajax请求WebService跨域问题的解决方案

    跨域即浏览器从一个域名的网页,向另一个域名的服务器请求数据,因为同源策略的限制,Ajax请求WebService跨域通常会出现问题。那么如何解决这个问题呢?下面是一种常见的解决方案: 方案一:Jsonp跨域 JSONP(JSON with Padding)是 JSON 的一种“使用模式”,可用于解决跨域问题。JSONP 的原理是通过 标签的 src 属性不受…

    JavaScript 2023年6月11日
    00
  • discuz中用到的javascript函数解析 原创第2/2页

    下面就是对于“discuz中用到的javascript函数解析 原创第2/2页”的完整攻略: 1. 概述 该文章介绍了 discuz 论坛中常用的 JavaScript 函数解析,主要包括 Ajax 交互、 DOM 操作以及事件处理等。 2. Ajax 交互 2.1 Ajax.call() 该函数用于发送 Ajax 请求,并接收服务器返回的 JSON 格式数…

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