前端：JS/20/数组（数组的概念，数组元素，数组索引，数组元素的访问，数组的长度，数组的创建方法，数组的操作，实例：使用数组保存个人信息，实例：求数组所有值的平均值，数组对象的length属性）

最新推荐文章于 2023-01-09 16:37:29 发布

浅香沉木

最新推荐文章于 2023-01-09 16:37:29 发布

阅读量372

点赞数

文章标签： js

本文链接：https://blog.csdn.net/Java_53/article/details/105922060

版权

数组

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>

显示效果如下：

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>

10，数组对象的length属性

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

@沉木

浅香沉木

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端：JS/20/数组（数组的概念，数组元素，数组索引，数组元素的访问，数组的长度，数组的创建方法，数组的操作，实例：使用数组保存个人信息，实例：求数组所有值的平均值，数组对象的length属性）

数组1，数组的概念一组值（或对象）的集合，称为“数组”；var arr =[10,20,30,50];var arr =[“张三”,“男”,“19”,“大专”,“北京科技大学”,“0101-7876544”,“1183234982”,“1376569518”]2，数组元素数组中的每个值（或对象），称为一个“数组元素”；3，数组索引数组中有多个值，每个值都有一个”编号“，通过”编号“...
复制链接

扫一扫