2016 - 2024

感恩一路有你

如何用JavaScript中的reduce方法求取数组最值

浏览量:4716 时间:2024-07-22 10:04:42 作者:采采

当我们需要获取数组中的最大值或最小值时,一种简单而快捷的方法是使用JavaScript中的reduce方法。reduce函数接收两个参数,第一个是回调函数,第二个是初始值。回调函数可以接收四个参数:累加器、当前值、当前索引和整个数组。下面我们来看具体的实现过程。

获取数组最大值

第一步,定义数组m,由数字构成:

```javascript

let m [45, 678, 23, 998, 12, 64, 88];

```

第二步,定义回调函数queryMax:

```javascript

function queryMax(max, current) {

return max > current ? max : current;

}

```

这个函数接收两个参数max和current,max代表已经遍历到的最大值,current代表当前的元素值。如果当前值比max还要大,则将当前值赋给max,否则max保持不变。

第三步,调用reduce方法并打印返回值:

```javascript

console.log((queryMax)); // 输出结果为998

```

reduce方法会自动从数组的左侧开始迭代,并将每个元素传递给queryMax函数。最后,reduce方法返回累加器的最终值,即数组中的最大值。

获取数组最小值

第一步,定义数组m,由数字构成:

```javascript

let m [45, 678, 23, 998, 12, 64, 88];

```

第二步,定义回调函数queryMin:

```javascript

function queryMin(min, current) {

return min < current ? min : current;

}

```

这个函数接收参数min和current,min代表已经遍历到的最小值,current代表当前的元素值。如果当前值比min还要小,则将当前值赋给min,否则min保持不变。

第三步,调用reduce方法并打印返回值:

```javascript

console.log((queryMin)); // 输出结果为12

```

同样地,reduce方法会自动从数组的左侧开始迭代,并将每个元素传递给queryMin函数。最后,reduce方法返回累加器的最终值,即数组中的最小值。

总之,利用JavaScript中的reduce方法,可以快速高效地获取数组中的最大值和最小值。无论在编写前端页面还是后端程序中,都有着广泛的应用场景。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。