前端：JS/20/数组（数组的概念，数组元素，数组索引，数组元素的访问，数组的长度，数组的创建方法，数组的操作，实例：使用数组保存个人信息，实例：求数组所有值的平均值，数组对象的length属性）_数组通过索引访问时下标从开始,数组可以使用属性获得数组长度;

作者：Gausst松鼠会 | 2024-06-16 02:52:45

踩

数组通过索引访问时下标从开始,数组可以使用属性获得数组长度;

数组

1，数组的概念

一组值（或对象）的集合，称为“数组”；
var arr =[10,20,30,50];
var arr =[“张三”,“男”,“19”,“大专”,“北京科技大学”,“0101-7876544”,“1183234982”,“1376569518”];

2，数组元素

数组中的每个值（或对象），称为一个“数组元素”；

3，数组索引

数组中有多个值，每个值都有一个”编号“，通过”编号“可以访问到数组中的每个值。
数组中的”编号“又称”下标“或”索引号“；
数组中的”下标号“是从0开始的正整数，也就是说：第1个数组元素下标为0，第2个数组元素下标为1，第3个数组元素下标为2，依次类推；
第1个数组元素的下标一定是0，最后一个数组元素的下标是：长度-1；

4，数组元素的访问

var arr =[10,20,30,40,50];
var arr =[“张三”,“男”,“19”,“大专”,“北京科技大学”,“0101-7876544”,“1183234982”,“1376569518”];

5,数组的长度

数组的长度：就是指数组中元素的总个数；

6,数组的创建方法；

1,使用new关键字和array()来创建数组;
var arr=new Array();//创建一个空数组
var arr =new Array(“周更生”,“19”,“大专”);//创建一个数组并初始化
2，使用[]直接赋值来创建数组
例：var arr=[10,20,30,40,50];
中括号中，使用英文下的逗号分隔多个值；
数组元素的值，可以任何类型，如：字符型，数值型，布尔型，数组型，对象型，函数；

7，数组的操作

读取元素：读取已经存在下标的元素,例：arr age =arr[2];
修改元素：修改已经存在下标的元素的值（重新赋值），例：arr[2]=26;
增加元素：添加一个不存在下标的元素
删除元素：使用关键字delete,只能删除元素的值，元素位置仍在，值为undefined

8，实例：使用数组保存个人信息

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS数组保存个人信息</title>
    <script type="text/javascript">
        var arr = ["张三", "男", "19", "true", "大专"];
        var str = "<h2>" + arr[0] + "的基本信息：</h2>";
        str += "姓名：" + arr[0];
        str += "<br>性别：" + arr[1];
        str += "<br>年龄：" + arr[2];
        str += "<br>婚否：" + (arr[3] ? "已婚" : "未婚");
        str += "<br>学历：" + arr[4];
        str += "<br>毕业院校：" + (arr[5] ? arr[5] : "未填写");
        document.write(str);

    </script>


</head>

<body>

</body>

</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

显示效果如下：

9，实例：求数组中所有值的平均值

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS求数组中所有元素的平均值</title>
    <script type="text/javascript">
        var arr = [1, 2, 3, 5, 6, 39, 50, 590, 20, 79, -3];
        var sum = 0;
        for (var i = 0; i < arr.length; i++) {
            sum += arr[i];
        }
        document.write("数组" + arr + "的平均值为：" + sum / arr.length);
    </script>


</head>

<body>

</body>

</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

10，数组对象的length属性

一个数组，其实就是一个“数组对象”，数组成了一个对象，便可使用其具有的属性和方法；
在JS中，所有的内容都是“对象”，如同Java中所说“万物皆对象”
length可以动态的取得数组的长度；

@沉木

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/724843