脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → Javascript中Math.max和Math.max.apply

Javascript中Math.max和Math.max.apply的区别和用法详解

 更新时间：2020年08月24日 08:35:50   作者：Mingo-233  
这篇文章主要介绍了Javascript中Math.max和Math.max.apply的区别和用法,本文给大家啊介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

最近在做一个小案例的时候遇到了Math.max.apply这么一个用法，之前很少遇到过感觉挺有趣的，就记录一下。

1Math.max

语法： Math.max(n1,n2,n3,...,nX)
返回值：max() 方法可返回指定的参数中带有较大的值的那个数

var a = Math.max(1,2,3,4);
console.log(a); //4

但是如果数据是放在一个数组里面，此时就不能这样调用了。这时就用到apply方法

2Math.max.apply

apply() 方法调用一个函数。简单理解为调用函数的方式，但是它可以改变函数的 this 指向，同时用指定数组替换函数的参数。

语法：fun.apply(thisArg, [argsArray])

  • thisArg：在fun函数运行时指定的 this 值 ，可以为null，就是不设置指向
  • argsArray：传递的值，必须包含在数组里面

这里额外补充一下，传递的值为数组形式，但是数组里是什么类型参数，返回的也是什么类型，比如输入的数组中是字符串这里取到的就是字符串，是数值取到的就是数值。比如传‘abc' 返回的也是‘abc'。（补充说明）

返回值：apply() 方法的返回值就是函数的返回值，因为它就是调用函数

var arr = [1, 66, 3, 99, 4];
var max = Math.max.apply(Math, arr);
var min = Math.min.apply(Math, arr);
console.log(max); //99
console.log(min); //1

2.1Math.max.apply拓展案例

这里我再举一个应用案例———自动生成编号（自增）
说明：data为一个json数组，里面的每个对象都一个id值

let maxBookCode = ()=>{ 
	let arr = [];  
	//遍历json数组，把所有对象的id存到arr这个空数组当中
  data.forEach((item)=>{  
  arr.push(item.id); 
  }); 
//最后返回里面id值最大的那个数
return Math.max.apply(null,arr);
}

外部调用 maxBookCode() + 1 就能自动生成编号并且是自增的。

总结

到此这篇关于Javascript中Math.max和Math.max.apply的区别和用法的文章就介绍到这了,更多相关Javascript中Math.max和Math.max.apply的区别和用法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 简单实现节流函数和防抖函数过程解析

    简单实现节流函数和防抖函数过程解析

    这篇文章主要介绍了简单实现节流函数和防抖函数过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • javascript实现滚轮轮播图片

    javascript实现滚轮轮播图片

    这篇文章主要为大家详细介绍了javascript实现滚轮轮播图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • 高性能web开发 如何加载JS，JS应该放在什么位置？

    高性能web开发 如何加载JS，JS应该放在什么位置？

    所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。
    2010-05-05
  • JavaScript Canvas实现井字棋游戏

    JavaScript Canvas实现井字棋游戏

    这篇文章主要为大家详细介绍了JavaScript Canvas实现井字棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • bootstrap弹出层的多种触发方式

    bootstrap弹出层的多种触发方式

    这篇文章主要为大家详细介绍了bootstrap弹出层的多种触发方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 利用PHP实现递归删除链表元素的方法示例

    利用PHP实现递归删除链表元素的方法示例

    这篇文章主要给大家介绍了关于如何利用PHP实现递归删除链表元素的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • JS实现可视化音频效果的实例代码

    JS实现可视化音频效果的实例代码

    这篇文章主要介绍了JS实现可视化音频效果的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • Echarts图表如何利用formatter自定义tooltip的内容和样式

    Echarts图表如何利用formatter自定义tooltip的内容和样式

    这篇文章主要给大家介绍了关于Echarts图表如何利用formatter自定义tooltip的内容和样式的相关资料,echarts的图表配置非常的灵活自由,但是不熟悉的时候容易不知道怎么配置,需要的朋友可以参考下
    2023-06-06
  • 浅析$.getJSON异步请求和同步请求

    浅析$.getJSON异步请求和同步请求

    下面小编就为大家带来一篇浅析$.getJSON异步请求和同步请求。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 如何使用json在前后台进行数据传输实例介绍

    如何使用json在前后台进行数据传输实例介绍

    需要把这些输入写入数据库，这里就用到json传入，先看一下后台如何生成要传输的数据，感兴趣的朋友可以参考下，希望可以帮助到你
    2013-04-04

最新评论