JavaScript获取数组长度

2025-11-04 03:34:41

1、创建一个html文件,为了方便看到获取数组的效果,在这个html代码页面添加一个点击按钮,用于显示获取数组的长度值。

按钮代码:<input type="button" value="获取数组长度" onclick="getLen()" />

如图:

JavaScript获取数组长度

2、创建数组。创建<script>标签,然后在这个标签里面创建一个数组,案例中创建一个长度为3的数组 。

创建数组的代码:var arr = [1,2,3];//创建一个长度为3的数组

JavaScript获取数组长度

3、为按钮点击事件创建获取数组长度的方法。获取数组长度需要使用到length属性进行获取。

获取代码:

/*获取数组长度*/

function getLen(){

var len = arr.length;//使用length获取数组长度

alert("数组长度为:"+len);

}

JavaScript获取数组长度

4、保存html页面使用浏览器打开,点击获取数组长度按钮,即可看到alert提示框显示数组长度为3的效果。如图:

JavaScript获取数组长度

5、页面所有代码。可以直接复制所有代码粘贴到新建html文件里,保存后运行即可看到页面效果。

代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>创建数组</title>

<script type="text/javascript">

var arr = [1,2,3];//创建一个长度为3的数组

/*获取数组长度*/

function getLen(){

var len = arr.length;//使用length获取数组长度

alert("数组长度为:"+len);

}

</script>

</head>

<body>

<input type="button" value="获取数组长度" onclick="getLen()" />

</body>

</html>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢