原生js获取数组中的最大值max和最小值min的方法总结

时间: 2017-12-04阅读: 353标签: Array

原生jJavaScript获取数组中的最大值和最小值:方法一:传统循环遍历,方法二:利用Math.max和Math.min,方式三.利用sort排序...


方法一:传统循环遍历

//最小值
Array.prototype.min = function() {
	var min = this[0];
	var len = this.length;
	for(var i = 1; i < len; i++) {
		if(this[i] < min) {
			min = this[i];
		}
	}
	return min;
}
//最大值
Array.prototype.max = function() {
	var max = this[0];
	var len = this.length;
	for(var i = 1; i < len; i++) {
		if(this[i] > max) {
			max = this[i];
		}
	}
	return max;
}
var numbers = [10, 500 , 0 , -15 ];
console.log(numbers.max());//500
console.log(numbers.min());//-15


方法二:利用Math.max和Math.min

1.利用apply-一维数组

var numbers = [10, 500 , 0 , -15 ];
console.log(Math.min.apply(null, numbers));//-15
console.log(Math.max.apply(null, numbers));//200

2.apply集成到Array.min和Array.max:

Array.max = function(array){ 
    return Math.max.apply(Math,array );
};
Array.min = function( array ){ 
    return Math.min.apply(Math,array );
};

3.apply使用链式 

Array.prototype.max = function(){ 
return Math.max.apply({},this) 
} 
Array.prototype.min = function(){ 
return Math.min.apply({},this) 
} 
[1,2,3].max()// => 3 
[1,2,3].min()// => 1

4.使用ES6

var numbers = [10, 500 , 0 , -15 ];
console.log(Math.min(...numbers));//-15
console.log(Math.max(...numbers));//200

5.利用eval

var numbers = [10, 500 , 0 , -15 ];
var max = eval("Math.max(" + numbers + ")");
console.log(max)//500
var min = eval("Math.min(" + numbers + ")");
console.log(min)//-15

6.利用apply-多维数组

var numbers=[10,500,[-15,0],[1,2,3]];
var n=numbers.join(",").split(",");//转化为一维数组
console.log(Math.max.apply(null,n));//最大值500
console.log(Math.min.apply(null,n));//最小值-15


方式三.利用sort排序:

var numbers = [10, 500 , 0 , -15 ];
numbers.sort(function(a,b){return a - b;});
console.log(numbers[numbers.length - 1]);//最大值500
console.log(numbers[0]);//最小值-15

我们先对数组进行一次从大到小的排序,那么最大值就是最后一个值,最小值就是第一个了。


总结:

除了上面方法外,还有其他的实现方式!请留言哦~~~



js实现一维数组转换为树形结构数组

在设计树形结构的数据时候,数据库一般为:id,name,parent...如果后端不处理直接返给前端,前端就需要把这个一维数组转换为树形结构数组。下面整理了下如何通过js实现一维数组转换为树形结构数组。

js实现交换数组元素位置的方法总汇

交换数组元素位置是开发项目中经常用到的场景,总结下用过的几种方式:第三方变量、splice方法、解构赋值

在JavaScript中为什么应该用map和filter替换forEach?

当你需要拷贝一个数组的全部或者部分到一个新数组的时候,优先使用map和filter而不是forEach。使用map和filter有很多好处,比如关注点分离、易于测试、可读性和异步编程的支持,因此这是一个明智的选择。

如何在 JavaScript 中更好地使用数组

在过去的数个月里,我注意到在我审阅的 pull request 中有四个(关于数组使用的)错误经常出现。同时,我自己也会犯这些错误,因此有了这篇文章。让我们一起学习,以确保以后能正确地使用数组方法!

js中reduce的用法,如何使用reduce函数

reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组

js中split()和join() 的使用_数组对象和字符串的相互转换

在前端开发中,相信大家都遇到过数组和字符串相互转换的情况 ,JavaScript提供了split()和join()这2个函数来进行转换,下面就介绍数组对象和字符串的相互转换。

JavaScript数组中的22个常用方法

数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组方法、数组删改方法、数组位置方法、数组归并方法和数组迭代方法共10类来进行详细介绍

js求数组的最大值_如何用JS求Number类型数组中最大元素?

如何使用JS,在一个Number类型的数组里,查找最大数呢?以下介绍四个方法:1. 不使用任何库函数、2. 利用Array.reduce()、3. 利用Apply和Math.max()、4. 只用Math.max()

html5中二进制对象Blob的使用——Blob与ArrayBuffer、TypeArray和String的相互转换

html5中Blob是什么?js如何创建Blob对象?Blob类型转换:String转换成Blob对象、TypeArray转换成 Blob对象 、ArrayBuffer转Blob、将Blob对象转换成String字符串,使用FileReader的readAsText方法 、将Blob对象转换成ArrayBuffer

JS实现遍历不规则多维数组的方法

这篇文章主要介绍了JS实现遍历不规则多维数组的方法,涉及javascript数组递归遍历相关实现与使用技巧,需要的朋友可以参考下