JS求Number类型数组中最大元素方法
如何使用JS,在一个Number类型的数组里,查找最大(或最小)数呢?
以下介绍四个方法。
1. 不使用任何库函数
代码如下:
function findMax1 (arr) { let result = 0; if (Array.isArray(arr)) { for (let i = 0; i < arr.length; i++) { result = arr[i] > result ? arr[i] : result; } return result; } else { console.error('The parameter arr is not an array'); return; } }
解释:
利用一个变量result来存储最大值。遍历待查找的数组,如果当前遍历的元素大于result,就把这个元素赋值给result。
2. 利用Array.reduce()
代码如下:
function findMax2 (arr) { let result = 0; if (Array.isArray(arr)) { result = arr.reduce((a, b) => { return a > b ? a : b; }, 0); return result; } else { console.error('The parameter arr is not an array'); return; } }
解释:
reduce方法就是通过一个函数,针对一个累加器(accumulator)和数组中的每一个元素,将一个数组最终减少到一个值。
reduce接受两个参数:
第一个是callback,就是那个前面提到的那个函数。它有四个参数:
- accumulator:累加器,它是上次运行callback的结果。如果提供了initialValue,那么第一次就是initialValue;
- currentValue:当前遍历的数组的元素;
- currentIndex:当前遍历的数组的元素的index,从0开始。如果提供了initialValue,那就从1开始;
- array:当前应用reduce的数组。
第二个是initialValue,是一个初值,作为第一次运行callback函数的第一个实参。这个是可选的。这里要注意一下,如果这个参数不提供,并且应用在一个空数组上,是会报错的。
那么上面代码的意思就是,每次遍历数组进行比较,大的就留下来,即accumulator,并将其用作下一次和数组元素的比较。最后只留下这一个值,即最大值。
3. 利用Apply和Math.max()
代码如下:
function findMax3 (arr) { let result = 0; if (Array.isArray(arr)) { result = Math.max.apply(null, arr); return result; } else { console.error('The parameter arr is not an array'); return; } }
解释:
apply解释稍显复杂,不作进一步的解释。
它接受两个参数,第一个是thisArg,第二个是argsArray。两个都是可选的。此处简单来说,就是使用一个函数时,参数以数组的方式传递进去。
4. 只用Math.max()
代码如下:
function findMax4 (arr) { let result = 0; if (Array.isArray(arr)) { result = Math.max(...arr); return result; } else { console.error('The parameter arr is not an array'); return; } }
解释:
基于上一个解法的思路,在ES6中,有一个扩展运算符(...),可以将一个数组中的元素拆出来,组成一个用逗号分隔的序列。刚好满足Math.max()函数的需求。
在给大家介绍一下JS之number、Math和数组的相关知识点
1、Number对象。
创建Number对象的方式:
方式1:
var 变量= new Number(数字)
方式2:
var 变量 = 数字;
常用的方法:
toString() 把数字转换成指定进制形式的字符串。(输入数字几,就转换为几, number.toString(2))
toFixed() 指定保留小数位,而且还带四舍五入的功能。
2、Math
Math对象常用的方法:
ceil 向上取整
floor() 向下取整
random() 随机数方法 // 产生的伪随机数介于 0 和 1 之间(含 0,不含 1),
round 四舍五入
3、Array数组对象:
创建数组的方式1:
var 变量名 = new Array(); 创建一个长度为0的数组。
方式2:
var 变量名= new Array(长度) 创建一个指定长度的数组对象。
方式3:
var 变量名 = new Array("元素1","元素2"...); 给数组指定元素创建数组 的对象。
方式4:
var 变量名 = ["元素1","元素2"...];
数组要注意的细节:
1. 在javascript中数组的长度是可以发生变化的。
var arr = new Array(); //创建了一个长度为0的数组对象。 arr[100] = 10; document.write("arr长度:"+arr.length+"<br/>"); var arr2 = new Array("狗娃","狗剩","铁蛋"); arr2 = ["狗娃","狗剩","铁蛋","张三"]; document.write("arr2长度:"+arr2.length+"<br/>");
3.1数字的方法
a、concat把arr1与arr2的数组元素组成一个新的数组返回。 arr1 = arr1.concat(arr2);
b、join使用指定的分隔符把数组中的元素拼装成一个字符串返回。
var elements = arr1.join(",");
c、pop :移除数组中的最后一个元素并返回该元素。
d、push:将新元素添加到一个数组中,并返回数组的新长度值。
arr1.push("你好");
e、reverse(); 翻转数组的元素
f、slice指定数组 的开始索引值与结束索引值截取数组的元素,并且返回子数组。(包头不包尾)
var subArr = arr1.slice(1,2);
g、sort排序,排序的时候一定要传入排序的方法。(不传时默认是按照ASCII表排列)
arr1 = [19,1,20,5]; arr1.sort(sortNumber); //排序,排序的时候一定要传入排序的方法。 function sortNumber(num1,num2){ return num1-num2; }
h、splice第一个参数是开始删除元素的 索引值, 第二参数是删除元素的个数,往后的数据就是插入的元素(也可以不写)。
arr1.splice(1,1,"张三","李四","王五");
您可能感兴趣的文章:
- 详解JS数值Number类型
- 在JSP中使用formatNumber控制要显示的小数位数方法
- JS表单提交验证、input(type=number) 去三角 刷新验证码
- JavaScript校验Number(4,1)格式的数字实例代码
- js中Number数字数值运算后值不对的解决方法
- JavaScript基本类型值-Number类型
- 详解js中Number()、parseInt()和parseFloat()的区别
- js中string和number类型互转换技巧(分享)
- javascript中Number的方法小结
- JavaScript中Number对象的toFixed() 方法详解
- Javascript之Number对象介绍
- JAvaScript:JS数组元素去重的方法
- JS中split使用方法和数组中元素的删除
- 编写js扩展方法判断一个数组中是否包含某个元素
- JS 清除字符串数组中,重复元素的实现方法
- 设计一个最优算法来查找一n个元素数组中的最大值和最小值。已知一种需要比较2n次的方法,请给一个更优的算法。
- JS从数组中随机取出几个数组元素的方法
- JS查找数组中重复元素的方法详解
- js数组的删除元素------jquery easyui tab组件未提供删除元素方法的解决方案
- 数组方法关于任意数字类型的数组求最大值解决办法
- JS获取数组最大值、最小值及长度的方法
- js数组遍历所有元素方法 总结
- js小练习:利用getElementsByTagName方法、for循环、this指针、数组实现对多个相同元素value值的改变
- js--引用类型Array--2.数组合并几种方法
- JS判断数组类型的两种方法
- 有关jquery/js删除数组中的某个元素的方法
- js过滤数组重复元素的方法
- 兼容各大浏览器的js 数组删除元素方法方法
- js:splice()方法(从一个数组中移除一个或多个元素)
- JS中删除数组的元素的方法
- js判断数组里是否有重复元素的方法