es6怎么判断数组里总共有多少项

在es6中,可以利用array对象的length属性来判断数组里总共有多少项,即获取数组中元素的个数;该属性可返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。

es6怎么判断数组里总共有多少项

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

es6判断数组里总共有多少项,就是判断数组中元素的个数,即求数组长度。那么怎么求?

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

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

示例1:

var arr=[2,6,1,5,22,3,66,12,9];arr.length;

登录后复制

0.png

示例2

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

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

登录后复制

输出:

1.png

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

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

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

示例3

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

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

登录后复制

输出:

2.png

【相关推荐:javascript学习教程

以上就是es6怎么判断数组里总共有多少项的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月11日 18:30:44
下一篇 2025年3月7日 16:54:50

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

相关推荐

  • es6 import会变量提升吗

    ES6 import会产生变量提升的现象。变量提升是将变量声明提升到它所在作用域的最开始的部分。js要经历编译跟执行阶段,在编译阶段的时候,会搜集所有的变量声明并且提前声明变量,而其他的语句都不会改变他们的顺序,因此,在编译阶段的时候,第一…

    2025年3月11日
    200
  • jquery怎么移除z-index样式

    jquery移除z-index样式的方法:1、利用css()移除,只需将z-index属性的值设置为默认值“auto”即可,语法“$(“选择器”).css(“z-index”,”a…

    2025年3月11日 编程技术
    200
  • jquery怎么设置元素多个属性值

    jquery设置元素多个属性值的方法:1、使用attr()设置,语法“$(selector).attr({属性名:属性值;属性值:属性值…})”;2、使用prop()设置,语法“$(selector).prop({属性名:属性值…

    2025年3月11日 编程技术
    200
  • jquery中的$有啥作用

    作用有:1、作为jQuery包装器,利用选择器来选择DOM元素,语法“$(“选择器”)”;2、功能函数前缀,作为通用实用工具函数的命名空间的前缀,例“$.trim(sString);”;3、解决window.onlo…

    2025年3月11日
    200
  • jquery load方法有什么缺陷

    jquery load方法的缺陷:1、load方法会自动忽略掉head、body、script标签;2、动态加载后会出现滚动条偏移的问题,只需在load方法的回调函数里面加入“$(document).scrollTop(0);”即可解决;3…

    2025年3月11日
    200
  • jquery的toggle()方法有什么用

    toggle()方法可用于切换被选元素的hide()与show()方法,进而控制元素的显示和隐藏,语法“$(selector).toggle(speed,callback)”;也可用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的cl…

    2025年3月11日
    200
  • jquery怎么修改tr属性值

    jquery修改tr属性值的方法:1、利用jquery选择器获取指定tr元素,语法“$(“选择器”)”,会返回包含指定tr元素的jquery对象;2、使用attr()函数修改指定tr元素对象的属性值,语法“tr元素对…

    2025年3月11日
    200
  • jquery怎么改变style样式

    jquery改变style样式的方法:1、利用css()给指定元素设置新style样式即可,语法“$(selector).css({“属性名1″:”属性值1″,”属性名2&#824…

    2025年3月11日
    200
  • es6中新增数组方法有哪些

    es6数组方法有:1、Array.from(),用于将类数组对象或可遍历对象转为真正的数组;2、Array.of(),用于将一组值,转为数组;3、copyWithin(),用于在当前数组内部,将指定位置的成员复制到其他位置;4、fill()…

    2025年3月11日
    200
  • es6中filter过滤器有什么作用

    在es6中,filter过滤器对数组元素进行过滤并返回一个新的数组。filter()函数会创建一个新数组,其包含通过所提供回调函数实现的测试的所有元素,语法“arr.filter(callback(element[, index[, arr…

    2025年3月11日
    200

发表回复

登录后才能评论