Math.max()方法获取数组中的最大值返回NaN问题分析
今天群里边有人问到 Math.max() 方法返回 NaN 的问题，我简单举个例子，看下图：
看上去没什么问题，但为什么返回 NaN 呢？我们先简单看一下 Math.max() 方法：
Math.max()
Math.max() 函数返回一组数中的最大值。
Demo：
console.log(Math.max(1, 3, 2));
// expected output: 3
console.log(Math.max(-1, -3, -2));
// expected output: -1
const array1 = [1, 3, 2];
console.log(Math.max(...array1));
// expected output: 3语法：
Math.max(value1[,value2, ...])参数：一组数值
value1, value2, ...返回值：
返回给定的一组数字中的最大值。
注意：如果给定的参数中至少有一个参数无法被转换成数字，则会返回 NaN。
问题解决
仔细观察可以发现，代码中使用了 ... 解构，这没问题，ES6 语法是支持这样了，会把数组解构成一组值。
但这里的问题是 array 是一个二维数组，解构完还是一个数组，而非数字，所以返回 NaN 了。
除此之外，还会有一些场景会出现 NaN ，简单举例：
var arr=[1,2,3,45,66]
var num =Math.max(arr.join(','))
alert(num)如果这样写，用 arr.join(',') 得到的是字符串，就相当于一个字符串了：
Math.max( '1,2,3,45,66' );解决方法：
var arr = [1,2,3,45,66]
var num = Math.max.apply( null, arr );
console.log( num );apply 的第二个参数是参数数组。
或者：
var arr = [1,2,3,45,66]
var num = eval( 'Math.max(' + arr.join( ',' ) + ')' );
console.log( num ); // 66如果坚持要用字符串拼接参数，可以用 eval 方法。
未经允许不得转载：w3h5 » Math.max()方法获取数组中的最大值返回NaN问题分析
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录