3_js数组与函数的应用

1. 数组的应用

1.1 数组的概念
  • 在计算机科学中,数组数据结构(英语:array data structure),简称数组(英语:Array),是由相同类型的元素(element)的集合所组成的数据结构,分配一块连续的内存来存储。利用元素的索引(index)可以计算出该元素对应的存储地址。

  • 简单理解:数组是指一组数据的集合,其中的每个数据被称作元素(element),在JavaScript数组中可以存放不同类型的元素

1.2 创建数组
  • JS 中创建数组有两种方式:

  • 方式一:

    //创建一个新的空数组
    var arr_name = new Array();

  • 方式二:

    //1. 初始化空的数组
    var  arr_name = [];
    //2. 初始化非空的数组
    var  arr_name = ['aa','bb','cc','dd'];

  • 数组元素的类型

    //数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。
    var arr_name = ['张三',12,true,28.9];

  • 课堂案例:01.创建数组.html

1.3 获取数组中的元素
  • 索引 (下标) :用来访问数组元素的序号(数组下标从 0 开始)

// 定义数组
var arrName = [1,2,3];
// 获取数组中的第2个元素,索引是从0开始的!
alert(arrName[1]); //2
注意:访问时数组没有索引值对应的元素,则得到的值是undefined
  • 数组遍历:可以通过for循环遍历数组中的每一个元素

var arr = ['aa','bb', 'cc'];    //3
for(var i = 0; i < arr.length; i++){console.log(arr[i]);
}
  • Leng属性:使用"数组名.length"可以获取数组的长度

var arr = [1,2,3];
alert(arr.length);  // 3
  • 课堂案例:02.遍历数组.html

1.4 数组的添加和修改
//在末尾新增数据
数组[数组.length] = 新数据;
//修改指定索引的数据
数组[0] = 新数据;
  • 课堂案例:03.数组的添加和修改.html

1.5 求数组中的最大值
  • 课堂案例:04.求数组中的最大值.html

1.6 从数组中获取指定的数据
  • 课堂案例:05.从数组中获取指定的数据.html

1.7 数组去重
  • 课堂案例:06.删除数组当中重复的元素.html

1.8 数组倒序
  • 课堂案例:07.数组倒序.html

1.9 冒泡排序
  • 课堂案例:08.冒泡排序.html

1.10. 选择排序
  • 课堂案例:09.选择排序.html

2. 函数的应用

2.1 函数的概念
  • 计算机的函数:是一个固定的一个程序段,或称其为一个子程序,它在可以实现固定运算功能的同时,还带有一个入口和一个出口,所谓的入口,就是函数所带的各个参数,我们可以通过这个入口,把函数的参数值代入子程序,供计算机处理;所谓出口,就是指函数的函数值,在计算机求得之后,由此口带回给调用它的程序。

  • 简单理解:函数就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现代码的重复使用

  • 课堂案例:10.为什么要使用函数.html

    • 学会了函数后就可以尽量不写重复的代码

2.2 函数的使用
  • function 是声明函数的关键字,必须小写

// 声明函数
function 函数名() {//代码块
}
​
//调用函数
函数名();  // 通过函数名称来调用函数
 
2.3 函数的参数
  • 形参:函数定义时设置接收调用时传入

  • 实参:函数调用时传入小括号内的真实数据

// 带参数的函数声明
function 函数名(形参1, 形参2 , 形参3...) { // 可以定义任意多的参数,用逗号分隔// 函数体
}
// 带参数的函数调用
函数名(实参1, 实参2, 实参3...); 
注意:在JavaScript中,形参的默认值是undefined。
  • 课堂案例:11.函数的形参和实参理解.html

2.4 函数的返回值
  • 返回值:函数执行完成后可以通过return语句将结果数据返回

// 声明函数
function 函数名(){...return  需要返回的值;
}
// 调用函数,接受返回值
var result = 函数名();
  • 课堂案例:12.函数的返回值.html

2.5 隐式参数arguments的使用
  • arguments:函数中的隐藏函数

  • 课堂案例:13.arguments使用.html

  • 课堂案例:14.arguments案例的应用.html

2.6 函数的两种定义方式
  • 自定义函数方式

    • 使用 function关键字 + 函数名进行定义

  • 匿名函数

    • 因为函数没有名字,所以也被称为匿名函数

  • 课堂案例:15.函数的两种定义方式.html

2.7 函数的嵌套调用
  • 表示在函数中可以调用函数。

  • 课堂案例:16.函数的相互调用.html

  • 课堂案例:17.冒泡排序代码改造.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/292635.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MySQL undo日志精讲2-undo日志写入

通用链表结构 在写入undo日志的过程中会使用到多个链表&#xff0c;很多链表都有同样的节点结构&#xff0c;如图所示&#xff1a; 在某个表空间内&#xff0c;我们可以通过一个页的页号和在页内的偏移量来唯一定位一个节点的位置&#xff0c;这两个信息也就相当于指向这个节点…

基于Java+Swing实现大鱼吃小鱼小游戏(含用户登陆、注册功能)

基于JavaSwing实现大鱼吃小鱼小游戏 一、系统实现二、功能展示1.效果演示2.游戏界面3.游戏运行界面4.用户登陆 三、其他系统四源码下载 一、系统实现 1、创建窗口对象Ui 2、背景的绘制 3、键盘的监听事件 4、将己方鱼放上去 5、让小鱼移动 6、其他的鱼并引导&#xff08;先创建…

用户管理第2节课--idea 2023.2 后端--实现基本数据库操作(操作user表) -- 自动生成

一、插件 Settings... 1.1 File -- Settings 1.2 Settings -- Plugins 1.2.1 搜索框&#xff0c;也可以直接搜索 1.3 Plugins -- 【输入 & 搜索】mybatis 1.3.1 插件不同功能介绍 1.3.2 翻译如下 1.4 选中 Update&#xff0c;更新下 1.4.1 更新中 1.4.2 Restart IDE 1…

基于SpringBoot的考研专业课程管理系统 JAVA简易版

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 数据中心模块2.2 考研高校模块2.3 高校教师管理模块2.4 考研专业模块2.5 考研政策模块 三、系统设计3.1 用例设计3.2 数据库设计3.2.1 考研高校表3.2.2 高校教师表3.2.3 考研专业表3.2.4 考研政策表 四、系统展示五、核…

GPTs | Actions应用案例

上篇文章说道&#xff0c;如何使用创建的GPTs通过API接口去获取外部的一些信息&#xff0c;然后把获取的外部信息返回给ChatGPT让它加工出来&#xff0c;回答你的问题&#xff0c;今天我们就来做一个通俗易懂的小案例&#xff0c;让大家来初步了解一下它的使用法&#xff01; …

nodejs安装指导教程

1.nodejs下载 去官网下载对应的安装包即可 2.安装 下载的文件如果是exe文件直接安装&#xff0c;在弹出指导安装的界面有个addpath&#xff0c;可以将其勾选上&#xff0c;免得再去系统的环境变量中添加该属性。达成的效果就是&#xff0c;让npm命令到文件各个地方都可以被使…

MySQL基本操作 DDL DML DQL三大操作介绍

DDL 数据(结构)定义 创建表DML 数据操作 增删改DQL 查询语句 DDL 数据(结构)定义 创建表 创建 删除数据 注释 --空格内容 创建数据库 CREATE DATABASE [if not exists] 数据库名 [ CHARSET utf8]eg:CREATE DATABASE IF NOT EXISTS school CHARSET utf8如果对应school不存在,…

数字门牌管理系统:提升数据质量与服务品质的关键

一、引言 在当今社会&#xff0c;各行各业对数据质量的要求越来越高。为了满足客户需求并遵循国家行业标准&#xff0c;数字门牌管理系统应运而生。该系统以建立项目建设标准规范为核心&#xff0c;旨在提升数据质量与服务品质。 二、建立标准规范&#xff0c;确保数据质量 …

ansible-playbook的Temlates模块 tags模块 Roles模块

Temlates模块 jinja模板架构&#xff0c;通过模板可以实现向模板文件传参(python转义)把占位符参数传到配置文件中去,生产一个目标文本文件&#xff0c;传递变量到需要的配置文件当中 &#xff08;web开发&#xff09; nginx.conf.j2 早文件当中配置的是占位符&#xff08;声明…

GBASE南大通用数据库在Windows和Linux中创建数据源

Windows 中数据源信息可能存在于两个地方&#xff1a;在 Windows 注册表中&#xff08;对 Windows 系统&#xff09;&#xff0c; 或在一个 DSN 文件中&#xff08;对任何系统&#xff09;。 如果信息在 Windows 注册表中&#xff0c;它叫做“机器数据源”。它可能是一个“用 …

机器学习——分类评价指标

【说明】文章内容来自《机器学习——基于sklearn》&#xff0c;用于学习记录。若有争议联系删除。 1、评价指标 对于模型的评价往往会使用损失函数和评价指标&#xff0c;两者的本质是一致的。一般情况下&#xff0c;损失函数应用于训练过程&#xff0c;而评价指标应用于测试过…

整数比较(比较4个数并从小到大输出)C语言xdoj94

描述&#xff1a; 从键盘输入四个整数&#xff0c;要求按由小到大的顺序输出。 输入说明&#xff1a; 输入四个整数&#xff0c;以空格间隔。 输出说明&#xff1a; 输出排序后的整数&#xff0c;以空格间隔。 输入样例 样例1输入 -99 9 99 -9 输出样例 样例1输出 -99 -9 9 99 …