CH10_数组

最新推荐文章于 2024-07-28 20:27:10 发布
最新推荐文章于 2024-07-28 20:27:10 发布
阅读量1.2k 收藏 27
点赞数 22
分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37631902/article/details/140127172
版权

第10章：数组

本章目标

  1. 掌握一维数组的运用

课程回顾

  1. js中循环控制语句的作用

数组

概述

什么是数组

数组是一种特殊的变量，它能够一次存放一个以上的值。

如果您有一个项目清单（例如，汽车品牌列表），在单个变量中存储汽车品牌应该是这样的：

var car1 = "奔驰";
var car2 = "宝马";
var car3 = "奥迪";

不过，假如您希望遍历所有汽车并找到一个特定的值？假如不是三个汽车品牌而是三百个呢？

解决方法就是数组！

数组可以用一个单一的名称存放很多值，并且还可以通过引用索引号来访问这些值。

语法

//1.声明数组
var arrayName;

//2.分配空间
arrayName=new Array(长度);

//3.赋值
arrayName[索引]=值;

//4.使用
document.write("长度："+arrayName.length);
document.write("首项"+arrayName[0]);

说明：数组索引从0开始，最大索引为长度-1.

应用

案例：数组的基本运用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组的基本运用</title>
</head>
<body>
    <script>
        //1.声明数组
        var nums;

        //2.分配空间
        nums=new Array(5);

        //3.赋值
        nums[0]=36;
        nums[1]=18;
        nums[2]="李四";
        nums[3]=3.15;
        nums[4]=98;


        //4.使用
        // document.write("姓名："+nums[2]);
        // document.write("长度："+nums.length);

        //直接查看数组
        document.write(nums);
    </script>
</body>
</html>

案例：数组的多种定义方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组的多种定义方式</title>
</head>
<body>
    <script>

        //声明数组且分配空间
        // var nums1=new Array(3);
        // nums1[0]=55;
        // nums1[1]=33;
        // nums1[2]=45;
        // document.write(nums1[1]);


        //声明数组且赋值
        // var nums2=new Array(45,89,23,99,100);
        // document.write("第一个数据："+nums2[0]);
        // document.write("数组的长度："+nums2.length);


        //声明数组且赋值
        var nums3=[56,34,90,23,100];
        document.write("第一个数据："+nums3[0]);
        document.write("数组的长度："+nums3.length);


    </script>
</body>
</html>

案例：数组的伸展性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组的伸展性</title>
</head>
<body>
    <script>

        //声明数组且分配空间
        var nums=new Array(3);

        //给数组赋值
        nums[0]=89;
        nums[1]=56;
        nums[2]=77;
        nums[3]=100;
        nums[99]=200;   //最终长度会以最大索引为参照物

        //使用数组
        // document.write("数组的长度："+nums.length);
        // document.write("最后一个数据："+nums[nums.length-1]);

        document.write(nums[5]);

    
    </script>
</body>
</html>

案例：查看数组中所有数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查看数组中所有数据</title>
</head>
<body>
    <script>
        var nums=[45,89,3,99,100];


        //正向输出
        // for(var i=0;i<nums.length;i++){
        //     document.write(nums[i]+",");
        // }

        //逆向输出
        // for(var i=nums.length-1;i>=0;i--){
        //     document.write(nums[i]+",");
        // }

        //可选部分
        nums.forEach(function(item){
            document.write(item+",");
        });
        
    </script>
</body>
</html>

案例：查找数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查找数据</title>
</head>
<body>
    <script>
        var nums=[45,89,3,99,100];

        var userNum=parseInt(prompt("请输入你要查找的数据："));

        //是否找到
        var isFind=false;

        //重复比较
        for(var i=0;i<nums.length;i++){
            if(userNum==nums[i]){
               isFind=true;
               break;
            }
        }

        //最终判断
        if(isFind){
            alert("找到了");
        }else{
            alert("没找到");
        }
      
        
    </script>
</body>
</html>

案例：修改数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>修改数据</title>
</head>
<body>
    <script>
        var nums=[45,89,3,99,100];

        var oldNum=parseInt(prompt("请输入你要修改的数据："));
        var newNum=parseInt(prompt("请输入修改后的数据："));

        //对应数据索引
        var index=-1;

        //重复比较
        for(var i=0;i<nums.length;i++){
            if(oldNum==nums[i]){
                index=i;
            
               break;
            }
        }

        //最终判断
        if(index!=-1){
            nums[index]=newNum;
            alert("修改成功");
        }else{
            alert("修改失败，没有找到要修改的数据。");
        }

        //查看所有数据
        for(var i=0;i<nums.length;i++){
            document.write(nums[i]+",");
        }
      
        
    </script>
</body>
</html>

案例：删除数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>修改数据</title>
</head>
<body>
    <script>
        var nums=[45,89,3,99,100];

        var delNum=parseInt(prompt("请输入你要删除的数据："));
        

        //对应数据索引
        var index=-1;

        //重复比较
        for(var i=0;i<nums.length;i++){
            if(delNum==nums[i]){
                index=i;
            
               break;
            }
        }

        //最终判断
        if(index!=-1){
            delete nums[index];
            alert("删除成功");
        }else{
            alert("删除失败，没有找到要修改的数据。");
        }

        //查看所有数据
        for(var i=0;i<nums.length;i++){
            document.write(nums[i]+",");
        }
      
        
    </script>
</body>
</html>

案例：数组排序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>修改数据</title>
</head>
<body>
    <script>

        //定义数组
        var nums=new Array(5);

        //初始化数据
        for(var i=0;i<nums.length;i++){
            nums[i]= +prompt("请输入一个整数：");
        }


        //排序(默认升序)
        nums.sort();

        
        //查看所有数据
        for(var i=0;i<nums.length;i++){
            document.write(nums[i]+",");
        }
      
        
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>修改数据</title>
</head>
<body>
    <script>

        //定义数组
        var nums=new Array(5);

        //初始化数据
        for(var i=0;i<nums.length;i++){
            nums[i]= +prompt("请输入一个整数：");
        }


        //排序(降序)
        //nums.sort((a,b)=>a<b?1:a>b?-1:0);
        nums.sort(function(a,b){
            if(a<b){
                return 1;
            }else if(a>b){
                return -1;
            }else{
                return 0;
            }
        });

        
        //查看所有数据
        for(var i=0;i<nums.length;i++){
            document.write(nums[i]+",");
        }
      
        
    </script>
</body>
</html>

课后作业

基本作业(必须):

1.将一组数组[ ],的内容反过来，生成一个新的数组

2.将数组0,30,10,40,20,30,70,40,90,50中小于或等于50的数输出

3.弹出输入框，用户输入10个整数并且存到一个数组里，找到奇数和偶数分别有多少个，把这个数组打印出来,可以输入0，但是0不包括用户的输入10个里面，且输入0时是不消耗输入次数。

4。定义一个数组，存储科目：英语，语文，数学，然后依次输入老师的名字，最后输出科目对应的老师。（例如：语文：张莹）

5,在数组[10,11，30,40,40,50,60,70,80，90]中， 把11改成20然后把第一个40删除掉，然后把结果打印出来。

6.定义几个数字型的数组算出总分和平均分

7.定义一个长度为5的数组，里面包含有整型、字符串型的数据，然后更改3次数组中的数据，最后输出最终结果。

8.定义10个数字型的数组能被3整除数的和

9.随机输入10个整数，然后求其中的最大数和最小数各是多少。

10.随机输入10个整数，然后按照降序排序，最后再将首位和末尾数字互换，最终输出数组中的结果。

挑战作业(可选)：

1.[1,1,3,4,5,5,2,1,4]数组中每个元素的出现次数

2.广创科技需要一个学生管理系统,主要功能如下：
A：注册，需要输入姓名，年龄，电话号码
B：查看，输出所有的学生的信息
C：查找，根据输入学生名字输出，出对应的名片信息
D：删除，根据姓名来删除（可删除多个同名的）

重点：因为广创比较大所以可以无限录入学生名片
提示：用警告框输出数据`
功夫熊猫大侠
关注
专栏目录
ch10_ex43 c[i]记录比a[i]关…
镜子蓝玉的专栏
08-29 936
10.43③ 已知记录序列a[1..n] 中的关键字各不相同， 可按如下所述实现计数排序：另设数组c[1..n]，对每 个记录a[i]， 统计序列中关键字比它小的记录个数存 于c[i]， 则c[i]=0的记录必为关键字最小的记录，然 后依c[i]值的大小对a中记录进行重新排列，试编写算 法实现上述排序方法。 实现下列函数： void CountSort(SqList &L); 顺序表的类型Sq
java 多线程数组越界_越界java数组
weixin_36370851的博客
02-25 1141
Java控制内存的功力卷首语：本文选自《Java程序员，上班那点事儿》第4章控制内存的功力那本谭浩强主编的Java入门教材说：……Java的语言特点：……4、健壮性……Java用真正的数组代替了C++的指针运算，可以进行数组元素的越界检查。Java程序在没有授权的情况下是不能访问内存的。所有这些措施，...文章技术小胖子2017-11-09743浏览量java 数组1. 使用数组的声明有两种方式...
CH10_异常处理
IT技术类博客
06-25 618
异常处理
试题 算法提高 c++_ch10_02【蓝桥杯】
在猴站学算法
01-15 266
在vector容器中实现指定字符串的排序（超级详解），适合小白进阶。
c01_ch10_exercices-francois-tourigny:GitHub Classroom创建的c01_ch10_exercices-francois-tourigny
04-27
创建一个具有64个值的数组，该值均匀分布在-1.3和2.5之间。 创建一个将笛卡尔坐标（x，y）列表转换为极坐标（半径，角度）的函数。 创建一个程序，查找与数组中提供的数字最接近的值的索引。 以250点的间隔[-1，...
DIP3E_Original_Images_CH10.rar
06-28
本资源"**DIP3E_Original_Images_CH10.rar**"是一个压缩包，包含了冈萨雷斯所著《数字图像处理》一书中第十章的原始图像，适用于初学者进行编程实践和学习。这些图像可以用于理解和实现各种图像处理算法，为深入掌握...
TDDOWNLOAD.rar_walsh 32
09-14
5. **数组操作**：处理Walsh码通常涉及大量的数组操作，包括数组初始化、遍历和矩阵乘法。 6. **指针和内存管理**：在处理大型数据结构时，如矩阵，可能需要高效地使用指针和内存。 7. **函数设计和模块化**：将代码...
BaseC_program.rar_visual c
09-22
7. **CH10** - 可能涉及指针，这是C语言中的一个重要特性，用于动态内存管理和高效数据处理。 8. **CH12** - 可能讲解结构体和其他复杂数据类型，这是组合多个不同类型数据的方式。 9. **CH13** - 可能介绍预处理器...
C-.rar_visual c
09-19
3. CH9：可能深入到指针和数组的相关知识，指针是C语言的特色之一，能够直接操作内存，数组则是存储相同类型数据的集合。 4. CH10：可能涵盖更高级的主题，如结构体、联合体、枚举等复合数据类型，或者文件操作等...
【React 】开发环境搭建详细指南
lph159的博客
07-24 1244
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
exlink2012的专栏
07-25 387
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
VUE中的重点*
qq_61132537的博客
07-22 1090
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
vue el-select的下拉树形结构 带检索功能
Jokerxiuka的博客
07-26 194
【代码】vue el-select的下拉树形结构。
已解决：vue-office/excel 多个sheet点击切换，滚动条高度不重置，表格视图位置不正确
weixin_42289080的博客
07-26 235
解决 @vue-office/excel 多个sheet切换，内容以及滚动条展示不正确的问题
新手vue学习问题汇总（自用）（长期更新）
最新发布
lapiii的博客
07-28 297
是 ES6 模块语法，用于导出模块的默认成员。在 Vue.js 中，通常用来导出一个组件对象，使其可以在其他文件中被导入并使用。
Vue3可媲美Element Plus Tree组件实战之移除节点
felix_alone2012的博客
07-25 632
《Element Plus Tree - 自定义节点内容》示例中介绍了移除节点的用法，个人觉得作为提供给用户API，应该遵循迪米特法则，把功能实现的细节封装在组件内部，而提供给用户最简单的操作方式，同时在此基础上支持用户的扩展。因此，在API使用的人性化方便，个人觉得element plus做的并不优秀。为此，我们自定义tree组件时对用户API可以设计的更人性化些。
Angular由一个bug说起之八：实践中遇到的一个数据颗粒度的问题
KenkoTech的博客
07-24 782
之所以使用这种比较直接的方式是因为项目中的数据类型已经确定，而且对数字的处理逻辑没有统一在一个文件中。这是大型项目经常遇到的问题，起到相同作用的代码因为一些小的差别而分别写在管理各自功能的文件里。文件存入数据库，这样我们就可以统一维护一个表，不管是前端来处理数据还是后端来处理都能遵守相同的规则。针对这篇文章提到的数字缩写的问题，可以有两种处理方案。来展示数据的功能，这些数据根据不同的类型和单位会为其加上前缀、后缀或者省略小数。
让开发者生活更轻松的 JavaScript 字符串方法
粉丝们务必加入微信粉丝群
07-27 168
前端岗位内推来了JavaScript 最初被引入作为一种简单的客户端脚本语言，但现在，它已经成为一种真正的 WORA（一次编写到处运行）语言，使开发者能够构建桌面、移动、电视、CLI 和嵌入式应用程序。JavaScript 的初学者友好语法、生产性语言特性和良好管理的 ECMAScript 规范，激励了所有人使用 JavaScript 进行通用编程。ECMAScript 标准通过提供许多语言特性来...
BMData=loadExcel('C:\\Users\\Evolto\\Desktop\\elden\\ch10_bankMarketing_info.xlsx') BMLabel=['工龄','工作性质','教育程度'，'婚姻状况'] print(myLabel)
12-14
根据提供的引用内容，无法回答关于BMData和loadExcel函数的问题。但是，可以回答有关BMLabel和print函数的问题。 根据提供的代码，BMLabel是一个包含4个字符串元素的列表，分别是'工龄'、'工作性质'、'教育程度'和'...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

功夫熊猫大侠

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值