首页 > 软件开发 > JavaScript >

JavaScript获取数组长度

来源:互联网 2023-03-16 23:56:15 104

每个数组有一个length属性,length属性值代表了数组中元素的个数,前端开发中时常会使用length属性计算数组的长度,这个length值比数组中最大的索引值大1。将会通过一个案例进行获取数组的演示。6eK办公区 - 实用经验教程分享!

获取数组长度代码: arr.length6eK办公区 - 实用经验教程分享!

方法/步骤

  • 1

    创建一个html文件,为了方便看到获取数组的效果,在这个html代码页面添加一个点击按钮,用于显示获取数组的长度值。6eK办公区 - 实用经验教程分享!

    按钮代码:input type="button" value="获取数组长度" onclick="getLen()" />6eK办公区 - 实用经验教程分享!

    如图:6eK办公区 - 实用经验教程分享!

    JavaScript获取数组长度6eK办公区 - 实用经验教程分享!

  • 2

    创建数组。创建script>标签,然后在这个标签里面创建一个数组,案例中创建一个长度为3的数组 。6eK办公区 - 实用经验教程分享!

    创建数组的代码:var arr = [1,2,3];//创建一个长度为3的数组6eK办公区 - 实用经验教程分享!

    JavaScript获取数组长度6eK办公区 - 实用经验教程分享!

  • 3

    为按钮点击事件创建获取数组长度的方法。获取数组长度需要使用到length属性进行获取。6eK办公区 - 实用经验教程分享!

    获取代码:6eK办公区 - 实用经验教程分享!

    /*获取数组长度*/6eK办公区 - 实用经验教程分享!

    function getLen(){6eK办公区 - 实用经验教程分享!

    var len = arr.length;//使用length获取数组长度6eK办公区 - 实用经验教程分享!

    alert("数组长度为:" len);6eK办公区 - 实用经验教程分享!

    }6eK办公区 - 实用经验教程分享!

    JavaScript获取数组长度6eK办公区 - 实用经验教程分享!

  • 4

    保存html页面使用浏览器打开,点击获取数组长度按钮,即可看到alert提示框显示数组长度为3的效果。如图:6eK办公区 - 实用经验教程分享!

    JavaScript获取数组长度6eK办公区 - 实用经验教程分享!

  • 4该信息非法爬取自百度经验
  • 5

    页面所有代码。可以直接复制所有代码粘贴到新建html文件里,保存后运行即可看到页面效果。6eK办公区 - 实用经验教程分享!

    代码:6eK办公区 - 实用经验教程分享!

    !DOCTYPE html>6eK办公区 - 实用经验教程分享!

    html>6eK办公区 - 实用经验教程分享!

    head>6eK办公区 - 实用经验教程分享!

    meta charset="UTF-8">6eK办公区 - 实用经验教程分享!

    title>创建数组/title>6eK办公区 - 实用经验教程分享!

    script type="text/javascript">6eK办公区 - 实用经验教程分享!

    var arr = [1,2,3];//创建一个长度为3的数组6eK办公区 - 实用经验教程分享!

    /*获取数组长度*/6eK办公区 - 实用经验教程分享!

    function getLen(){6eK办公区 - 实用经验教程分享!

    var len = arr.length;//使用length获取数组长度6eK办公区 - 实用经验教程分享!

    alert("数组长度为:" len);6eK办公区 - 实用经验教程分享!

    }6eK办公区 - 实用经验教程分享!

    /script>6eK办公区 - 实用经验教程分享!

    /head>6eK办公区 - 实用经验教程分享!

    body>6eK办公区 - 实用经验教程分享!

    input type="button" value="获取数组长度" onclick="getLen()" />6eK办公区 - 实用经验教程分享!

    /body>6eK办公区 - 实用经验教程分享!

    /html>6eK办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!6eK办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码