JavaScript怎么求数组长度和元素之和

JavaScript中,可利用length属性来获取数组长度,语法“数组对象.length”;可使用reduce()或reduceRight()函数来求元素之和,语法“arr.reduce(function f(pre,curr){return pre+cur})”或“arr.reduceRight(function f(pre,curr){return pre+cur})”。

JavaScript怎么求数组长度和元素之和

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript求数组长度

在javascript中,可以利用数组对象的length属性来获取数组长度。

每个数组都有一个 length 属性,该属性返回数组的最大长度,即其值等于最大下标值加 1。由于数字下标必须小于 2^32-1,所以 length 属性最大值等于 2^32-1。

立即学习“Java免费学习笔记(深入)”;

示例1

下面代码定义了一个空数组,然后为下标等于 100 的元素赋值,则 length 属性返回 101。因此,length 属性不能体现数组元素的实际个数。

var a = [];  //声明空数组a[100] = 2;console.log(a.length);  //返回101

登录后复制

输出:

101

登录后复制

length 属性可读可写,是一个动态属性。length 属性值也会随数组元素的变化而自动更新。同时,如果重置 length 属性值,也将影响数组的元素,具体说明如下:

如果 length 属性被设置了一个比当前 length 值小的值,则数组会被截断,新长度之外的元素值都会丢失。

如果 length 属性被设置了一个比当前 length 值大的值,那么空数组就会被添加到数组末尾,使得数组增长到新指定的长度,读取值都为 undefined。

示例2

下面代码演示了 length 属性值动态变化对数组的影响。

var a = [1,2,3];  //声明数组直接量a.length = 5;  //增长数组长度console.log(a[4]);  //返回undefined,说明该元素还没有被赋值a.length = 2;  //缩短数组长度console.log(a[2]);  //返回undefined,说明该元素的值已经丢失

登录后复制

输出:

undefinedundefined

登录后复制

JavaScript求数组之和

方法1:使用reduce()

reduce()    将数组元素计算为一个值(从左到右)。    

var a = [1, 2, 3, 4, 5];var b =a.reduce(function f(pre, curr){return pre + curr;});console.log(b);

登录后复制

1.png

说明:

reduce() 方法可对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。具体用法如下:

array.reduce(callbackfn[, initialVaule]);

登录后复制

参数说明:

array:必需参数,一个数组对象。

callbackfn:必需参数,一个接受最多四个参数的函数。对于数组中的每个元素,recude() 方法都会调用 callbackfn 函数一次。

initialVaule:可选参数,如果指定 initialVaule,则它将用作初始值来启动累积。第一次调用 callbackfn 函数会将此值作为参数而非数组值提供。

reduce() 方法的返回值是通过最后一次调用回调函数获得的累积结果。

如果提供了参数 initialVaule,则 reduce() 方法会对数组中的每个元素调用一次 callbackfn 函数(按升序索引顺序);如果为提供 initialVaule,则 reduce() 方法会对从第 2 个元素开始的每个元素调用 callbackfn 函数。

回调函数的返回值在下一次调用回调函数时作为 previousValue 参数提供。最后一次调用回调函数获得的返回值为 recude() 方法的返回值。该方法不为数组中缺少的元素调用该回调函数。

回调函数的语法如下:

function callbackfn(previousValue, currentVaule, currentIndex, array);

登录后复制

回调函数参数说明:

previousValue:通过上一次调用回调函数获得的值。如果向 reduce() 方法提供 initialValue,则在首次调用函数时,previousValue 为 initialValue。

currentVaule:当前元素数组的值。

currentIndex:当前数组元素的数字索引。

array:包含该元素的数组对象。

在第一次调用回调函数时,作为参数提供的值取决于 reduce() 方法是否具有 initialValue 参数。如果向 recude() 方法提供 initialValue,则 previousValue 参数为 initialValue,currentValue 参数是数组中第 1 个元素的值。

方法2:使用reduceRight()

reduceRight()    将数组元素计算为一个值(从右到左)。   

var arr = [1, 2, 3, 4, 5, 5];var b =arr.reduceRight(function f(pre, curr){return pre + curr;});console.log(b);

登录后复制

2.png

说明:

reduceRight() 方法可从右向左对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。具体用法如下:

array.reduceRight(callbackfn[, initialValue]);

登录后复制

该方法的语法和用法与 reduce() 方法大概相同,唯一不同的是,它是从数组右侧开始调用回调函数。如果提供了 initialValue,则 reduceRight() 方法会按降序索引顺序对数组中的每个元素调用一次 callbackfn 函数。如果未提供 initialValue,则 reduceRight() 方法会按降序索引顺序对每个元素(从倒数第 2 个元素开始)调用 callbackfn 函数。

【相关推荐:javascript视频教程、web前端开发】

以上就是JavaScript怎么求数组长度和元素之和的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月11日 19:11:07
下一篇 2025年2月23日 02:47:05

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

相关推荐

  • javascript怎么求3个数的和

    两种方法:1、利用“+”运算符一个个相加,语法“数1+数2+数3”。2、将数存入数组中,利用数组函数reduce()或reduceRight()计算数组元素之和,语法“arr.reduce(function f(pre,curr){retu…

    2025年3月11日 编程技术
    200
  • javascript怎么输入两个数并求和

    实现步骤:1、定义两个变量用于存入用户输入的数字,语法“var num1,num2;”;2、使用prompt()函数获取用户输入的数字并赋值给两个变量,语法“num1 = prompt(‘请输入第一个数字’) * 1…

    2025年3月11日
    200
  • javascript中float的意思是什么

    在javascript中,float的意思为“浮点数”,使用Number对象来表示。JavaScript的浮点数有两种表现形式:1、用普通的小数表示法,例“num = 1024.112;”;2、使用科学计数法,例“num1 = 1024e3…

    2025年3月11日
    200
  • javascript不可以跨平台对吗

    不对,javascript可以跨平台。JavaScript脚本语言是依赖于浏览器本身,与操作环境(系统)无关,只要能运行浏览器的计算机,并支持javascript的浏览器就可正确执行;而JavaScript已被大多数的浏览器所支持,因此可以…

    2025年3月11日
    200
  • JavaScript支持的注释字符是什么

    支持两种注释字符:1、单行注释符号“//”,只对所在行有效,可以位于代码段的不同位置,语法“//需要注释的内容”,“//”之后的所有内容都会看作是注释的内容。2、多行注释符号“/**/”,出现在“/*”和“*/”之间的所有内容都会看作是注释…

    2025年3月11日
    200
  • jquery是基于什么实现的

    jquery是基于JavaScript语言实现的。jQuery是一个快速、简洁的JavaScript框架;jQuery封装了JavaScript常用的功能代码(函数),提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处…

    2025年3月11日
    200
  • javascript是否具有安全性

    javascript具有安全性。JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互;从而有效地防止数据的丢失。 本教程操作环境:wi…

    2025年3月11日
    200
  • javascript用什么来获取dom元素

    javascript获取dom元素的方法:1、用getElementById()根据id获取元素;2、用getElementsByName()根据name属性获取元素;3、用getElementsByTagName()根据标签名获取元素;4…

    2025年3月11日
    200
  • javascript怎么实现加减乘除运算

    实现方法:1、利用“+”、“-”、“*”、“/”、“%”符,可实现加法、减法、乘法、除法和取余运算;2、利用“+=”、“-=”、“*=”、“/=”符,会先进行加减乘除运算,再将结果赋值给运算符左侧的变量;3、利用“++x”或“x++”符对变…

    2025年3月11日
    200
  • javascript要不要加分号

    JavaScript中的分号是可选的,加不加分号主要是个代码风格问题,但是不要一会加一会不加。通常,如果语句以“(”、“[”、“/”、“+”、“-”开头时,有可能被解释为上一行语句的一部分;此时可以在行首防御性的加上分号。 本教程操作环境:…

    2025年3月11日
    200

发表回复

登录后才能评论