怎样使用JS求Number类型数组最大元素

这次给大家带来怎样使用JS求Number类型数组最大元素,使用JS求Number类型数组最大元素的注意事项有哪些,下面就是实战案例,一起来看一下。

以下介绍四个方法。

1. 不使用任何库函数

代码如下:

function findMax1 (arr) {  let result = 0;  if (Array.isArray(arr)) {    for (let i = 0; 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+"
");var arr2 = new Array("狗娃","狗剩","铁蛋");arr2 = ["狗娃","狗剩","铁蛋","张三"];document.write("arr2长度:"+arr2.length+"
");

登录后复制

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,"张三","李四","王五");

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

怎样使用vue2.0资源文件assets和static

如何使用Angular内Router(路由)应用

以上就是怎样使用JS求Number类型数组最大元素的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2756217.html

(0)
上一篇 2025年3月8日 07:29:20
下一篇 2025年3月6日 10:28:16

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 怎样操作nodejs通过响应回写渲染页面资源

    这次给大家带来怎样操作nodejs通过响应回写渲染页面资源,操作nodejs通过响应回写渲染页面资源的注意事项有哪些,下面就是实战案例,一起来看一下。 下面是通过node 提供的异步地读取一个文件的全部内容api readFile进行操作,…

    编程技术 2025年3月8日
    200
  • 如何操作nodejs使用websocket

    这次给大家带来如何操作nodejs使用websocket,操作nodejs使用websocket的注意事项有哪些,下面就是实战案例,一起来看一下。 注意事项: npm  install  ws 服务端(nodejs): var WebSoc…

    编程技术 2025年3月8日
    200
  • 通过 JS 判断页面是否有滚动条的实现方法

    最近在写插件的过程中,需要使用 js 判断是否有滚动条,搜了一下,大致方法都差不多,但都有些啰嗦,代码不够简洁。最终通过参考不同方法,写了一个比较简单的方法 前言 最近在写插件的过程中,需要使用 js 判断是否有滚动条,搜了一下,大致方法都…

    2025年3月8日
    200
  • 详解Vue基于 Nuxt.js 实现服务端渲染

    直接使用 vue 构建前端单页面应用,页面源码时只有简单的几行 html,这并不利于网站的 seo,这时候就需要服务端渲染,本篇文章主要介绍了详解vue基于 nuxt.js 实现服务端渲染(ssr),具有一定的参考价值,感兴趣的小伙伴们可以…

    2025年3月8日 编程技术
    200
  • 关于Google发布的JavaScript代码规范你要知道哪些

    代码规范并不是一种编写正确javascript代码的规则,而是为了保持源代码编写模式一致的一种选择。这篇文章给大家介绍了关于google发布的javascript代码规范你要知道哪些,感兴趣的朋友一起看看吧 Google为了那些还不熟悉代码…

    编程技术 2025年3月8日
    200
  • JS中原始值和引用值的储存方式示例详解

    原始值指的是代表原始数据类型的值,也叫基本数据类型,引用值指的是复合数据类型的值。接下来通过示例代码给大家介绍js中原始值和引用值的储存方式,感兴趣的朋友一起看看吧 在ECMAscript中,变量可以存放两种类型的值,即原始值和引用值 原始…

    2025年3月8日
    200
  • JS动画定时器知识总结

    这篇文章给大家总结了关于js动画中定时器的相关用法以及相关知识点总结,有需要的朋友可以参考学习下。 广义说:一切通过js改变的视觉呈现都叫动画;例如,按钮,链接等元素交互反馈。 狭义说:通过定时器连续调用js函数进行元素属性改变产生的视觉动…

    2025年3月8日
    200
  • 轻量级JS Cookie插件js-cookie的使用方法

    js-cookie插件是一个js操作cookie的插件,源文件只有3.34 kb,非常轻量级,js-cookie也支持npm和bower安装和管理,下面看看js-cookie的具体用法 Cookie是网站设计者放置在客户端的小文本文件,一般…

    编程技术 2025年3月8日
    200
  • 深入浅析Vue.js中 computed和methods不同机制

    这篇文章给大家介绍了vue.js中 computed和methods不同机制,在vue.js中,methods和computed两种方式来动态当作方法使用,文中还给大家提到了computed和methods的区别,感兴趣的朋友一起看看吧 在…

    编程技术 2025年3月8日
    200
  • 如何使用Vue+Nuxt.js 实现服务端渲染

    这次给大家带来如何使用Vue+Nuxt.js 实现服务端渲染,使用Vue+Nuxt.js 实现服务端渲染的注意事项有哪些,下面就是实战案例,一起来看一下。 直接使用 Vue 构建前端单页面应用,页面源码时只有简单的几行 html,这并不利于…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论