JavaScript的第四天

ops/2024/10/22 8:44:52/

目录

一、数组的使用(Array)

        数组:将一组数据存储在单个变量下的一个集合。

        1、创建数组的方法:

                (1)声明一个变量,将一个集合赋值给一个变量,该方法较为便捷简单,使用较多

                (2)声明一个变量,使用关键字new来调用一个构造函数的Array来创建一个新的数组实例。

        2、数组的索引方法(index具有索引的意思)

        3、数组的长度计算(数组元素的数量)

        4、遍历数组

         (1)使用for循环遍历数组,将数组的元素按照特定的顺序进行访问。

        (2)代码解析

 二、函数

        1、函数的使用分为两步:声明函数和调用函数

        2、函数的形参和实参

        3、函数的返回值(return)

                (1)将return添加在函数体的最后来返回函数的结果

                (2)具体格式

                (3)函数返回值的注意事项

        4、一些基础案例


一、数组的使用(Array)

        数组:将一组数据存储在单个变量下的一个集合。

        1、创建数组的方法:

        数组内数据被称为数组元素,而数组元素之间需要使用逗号隔开。

        数组元素可包含的具体数据类型如下:

        1. 基本数据类型

  • 字符串(String):如"Hello"

  • 数字(Number):如423.14

  • 布尔值(Boolean):如truefalse

  • 空值(Null):表示一个空值或不存在的对象。

  • 未定义(Undefined):表示变量已声明但未赋值。

        2. 复杂数据类型

  • 对象(Object):如{name: "Alice", age: 25}

  • 数组(Array):如[1, 2, [3, 4]],数组中还可以嵌套其他数组。

  • 函数(Function):如function() { console.log("Hello"); }

        3. 特殊值

  • NaN(Not-a-Number):表示不是一个数字的值。

  • Infinity:表示无穷大。

  • -Infinity:表示负无穷大。

        4. Symbol(ES6新增)

  • Symbol:表示唯一的、不可变的原始值,通常用作对象属性的键。

                (1)声明一个变量,将一个集合赋值给一个变量,该方法较为便捷简单,使用较多
javascript">        var arr=[1,2,3,4]
                (2)声明一个变量,使用关键字new来调用一个构造函数的Array来创建一个新的数组实例。
javascript">        var arr = new Array(1, 2, 3)//使用var关键字进行声明,具有全局作用域。//使用关键字new调用Array构造函数,接受参数1,2,3作为所构建的数组的初始元素//声明一个变量,并通过等号将数组赋值给这个变量//即在这个式子中,arr变量可以引用一个包含了三个元素的数组

        2、数组的索引方法(index具有索引的意思)

                注:索引的值需要从0开始,不会因为数组元素的改变而改变索引顺序

javascript">        数组名(变量名) [索引号]//创建一个数组var arr=[1,2,3,4,5]//这个数组中的索引号从0开始,即数组第一个数组元素1的索引号为0,以此类推//超出数组索引号的索引值所返回的结果为 undefined

        3、数组的长度计算(数组元素的数量)

                1、数组的长度为数组元素的数量,而不是索引号,数组长度 > 索引号

                2、使用 数组名.length 可以动态监测数组的元素个数

javascript">    //创建一个数组var arr = [1,2,3,4]//使用数组长度对数组的元素数量进行检测,并使用控制台打印进行输出console.log(arr.length);

        4、遍历数组

遍历:

        在JavaScript中,遍历(Traversal)指的是按照某种顺序访问集合(如数组、对象等)中的每一个元素,并对每个元素执行特定的操作。遍历是处理数据集合的一种基本方式,它允许我们逐个检查、修改或处理集合中的元素。

        遍历的主要目的是:

        1. 访问元素:获取集合中每个元素的值或引用。

        2. 执行操作:对集合中的每个元素执行某种计算、修改或处理。

        3. 收集结果:将遍历过程中得到的结果存储起来,以便后续使用。

遍历的方式有多种,具体取决于要遍历的集合类型和需求。

         (1)使用for循环遍历数组,将数组的元素按照特定的顺序进行访问。

                在选择不同的顺序时,需注意设置for循环中的初始化变量,并完成条件的设置。按照正反顺序选择合适的后置递增。

       

        (2)代码解析

                在使用for循环时,我们的初始化变量作为计数器使用,在下列代码中i作为计数器进行使用,追踪当前正在处理的数组元素的索引。

        具体来说,i的作用包括:

        1. 索引访问arr[i]表示数组中第i个元素的值,其中i从0开始计数。

        2. 循环控制i < arr.length是循环的条件,确保i的值不会超出数组的有效索引范围。

        3. 迭代更新i++在每次循环结束时执行,将i的值增加1,以便在下一次迭代中处理下一个元素。

        通过这种方式,i帮助我们按顺序遍历数组中的每个元素,通过arr[i],我们可以访问并处理数组中索引为i的元素。

javascript">        var arr = [1, 3, 5, 7, 9, 1, 2, 8, 3, 4]for (var i = 0; i < arr.length; i++) {console.log(arr[i]);}//在这个例子中,我们首先定义了一个名为arr的数组,然后使用for循环遍历数组中的每个元素。//循环变量i从0开始,每次循环递增1,直到达到数组的长度。//在循环体内,我们使用console.log(arr[i])输出数组中的每个元素,并按照顺序打印在控制台上。

 二、函数

(函数就是封装了一段可以被重复执行调用的代码块,目的就是让大量代码重复使用,通过函数来封装一段代码进行使用)        

javascript">//使用function来命名函数function 函数名(形参) {函数体}

        1、函数的使用分为两步:声明函数和调用函数

                (1)使用function关键字声明函数,需全部小写

                (2)函数是用来运行代码的,在不调用函数的情况下,本身不执行

                (3)调用函数时间需添加小括号

        2、函数的形参和实参

javascript">        // function 函数名(形参1,形参2...) // { 在声明函数的小括号里面是 形参 (形式上的参数)}// 函数名(实参1,实参2...); // 在函数声明时小括号里面的形参// 在函数调用的小括号里面是实参(实际的参数)// 形参是在函数声明时进行计算的仅限于函数体内的变量function fn(a, b, c) {console.log(a, b, c);}fn(1, 2, 3)

                (1)如果实参的个数和形参的个数一致 则正常输出结果

                (2)如果实参的个数多于形参的个数  会取到形参的个数

                (3)如果实参的个数小于形参的个数  多于的形参定义为undefined

        3、函数的返回值(return)

                (1)将return添加在函数体的最后来返回函数的结果
                (2)具体格式
javascript">        function 函数名() {函数体return 需要返回的结果;}函数名();// (1) 我们函数只是实现某种功能,最终的结果需要返回给函数的调用者函数名() //    通过return 实现的// (2) 只要函数遇到return 就把后面的结果 返回给函数的调用者  //    函数名() = return后面的结果

                

                (3)函数返回值的注意事项

                1. return 终止函数 ,return 后面的代码不会被执行

                2. return 只能返回一个值 ,返回的结果是最后一个值

                3.  我们求任意两个数的 加减乘除结果  返回值可以是任意数据类型

                4. 我们的函数如果有return 则返回的是 return 后面的值,如果函数没有 return 则返回undefined

        4、一些基础案例

        

javascript">        // 利用函数求数组 [5,2,99,101,67,77] 中的最大数值。// getArrMax([5, 2, 99, 101, 67, 77]); // 实参是一个数组送过去// 在我们实际开发里面,我们经常用一个变量来接受 函数的返回结果 使用更简单var arr = [5, 2, 99, 101, 67, 77]function fn(arr) {var max = arr[0]for (var i = 1; i < arr.length; i++) {if (max < arr[i]) max = arr[i]}return max}console.log(fn(arr));console.log(fn([1, 3, 5, 29]));// 利用函数 求两个数的最大值function fn(a, b) {var max = a > b ? a : breturn max}console.log(fn(2, 6));

 

三、一些补充的数组内容

        1、数组的API(用于操作和处理数组)

        

.push()

在数组的末尾,添加一个数组成员

.unshift()

在数组的开头,添加一个数组成员

.pop()

在数组的末尾,移除一个数组成员

.shift()

在数组的开头 移除一个数组成员

.concat(temp)

连接两个数组

.join("")  

把数组成员连接成一个字符串,默认逗号分隔,可以在引号内添加其他的分隔符号
.toString()把数组成员连接成一个字符串,默认以逗号分隔

.splice(2,1)  

在指定位置 删除指定数量的数组成员,改变原数组, 第一个参数为索引,第二个参数为数量

        


http://www.ppmy.cn/ops/127525.html

相关文章

【【自动驾驶】车辆运动学模型】

【自动驾驶】车辆运动学模型 1. 引言2. 以车辆重心为中心的单车模型2.1 模型介绍2.2 滑移角 β \beta β 的推导2.2 航向角 ψ \psi ψ推导过程&#xff1a;2.3 滑移角 β \beta β2.3 Python代码实现2.4 C代码实现 3. 前轮驱动的单车模型3.1 模型介绍3.3 Python代码实现3.4 …

Kafka之原理解析

定义 Kafka 是一个分布式流媒体平台&#xff0c;kafka官网&#xff1a;http://kafka.apache.org/ Kafka 是一种高吞吐量、分布式、基于发布/订阅的消息系统&#xff0c;最初由 LinkedIn 公司开发&#xff0c;使用Scala 语言编写&#xff0c;目前是Apache 的开源项目。 流媒体…

react18中在列表中如何使用useCallback进行渲染优化

实现的需求&#xff1a;在列表中如何缓存每个子组件&#xff0c;父组件重新渲染&#xff0c;子组件不更新&#xff0c;下面的列子假设 Chart 组件被包裹在memo 中。你希望在 ReportList 组件重新渲染时跳过重新渲染列表中的每个 Chart。但是&#xff0c;你不能在循环中调用 use…

Web页面测试方法「详细介绍」

Web页面测试方法「详细介绍 」 一、Web页面常见控件概述二、功能测试方法2.1 文本框&#xff08;Input Field&#xff09;2.2 下拉菜单&#xff08;Dropdown List&#xff09;2.3 按钮&#xff08;Button&#xff09;2.4 复选框&#xff08;Checkbox&#xff09;2.5 单选按钮&a…

【Java 22 | 7】 深入解析Java 22 :密封类(Sealed Classes)增强详解

Java 22 对密封类(Sealed Classes)进行了重要的增强,使得这一特性在类型安全和设计灵活性方面更加出色。以下是对密封类的详细介绍,包括基础概念、增强特性、丰富的使用场景示例,以及实际项目中的应用示例。 1. 基础介绍 什么是密封类(Sealed Classes) 密封类是 Java…

APQP在制造行业的应用:搭上数字化项目管理平台很nice

APQP&#xff08;Advanced Product Quality Planning&#xff0c;即产品质量先期策划&#xff09;最早由汽车行业引入&#xff0c;并因其在质量管理方面的显著效果而逐渐被其他制造业领域所采纳。 APQP提供了一种从产品设计的最初阶段到生产过程的全面质量管理框架&#xff0…

K8S调度不平衡问题分析过程和解决方案

不平衡问题排查 问题描述&#xff1a; 1、业务部署大量pod(据反馈&#xff0c;基本为任务型进程)过程中&#xff0c;k8s node内存使用率表现不均衡&#xff0c;范围从80%到百分之几&#xff1b; 2、单个node内存使用率超过95%&#xff0c;仍未发生pod驱逐&#xff0c;存在node…

springboot接口Get请求实体类入参

在springboot中&#xff0c;对HTTP GET请求&#xff0c;通常不会将请求体&#xff08;body&#xff09;作为主要的数据传输方式&#xff0c;因为GET请求通常用于请求数据&#xff0c;而不是发送数据到服务器&#xff08;尽管从技术上讲&#xff0c;GET请求可以包含请求体&#…