Math.max()方法获取数组中的最大值返回NaN问题分析

今天群里边有人问到 Math.max() 方法返回 NaN 的问题,我简单举个例子,看下图:

Math_max.png 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问题分析

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)