前端-js基础-数组、冒泡排序、函数

#博学谷IT学习技术支持

目录

数组和冒泡排序

数组的创建

数组元素的类型

数组的索引

遍历数组

数组中新增元素

函数

函数的使用

函数的参数

形参和实参个数不匹配问题

函数的返回值

arguments 的使用

---

 

• 数组和冒泡排序

  • 数组定义：一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。

    

  • 数组的创建

    • 利用new创建数组

      

    • 利用数组字面量创建数组

      

      • 数组的字面量是方括号 [ ]
      • 声明数组并赋值称为数组的初始化

  • 数组元素的类型

    • 数组中可以存放任意类型的数据，例如 字符串、数字、布尔值等

      

  • 数组的索引

    • 索引(下标)：用来访问数组元素的序号 (数组下标从0开始)

      

    • 数组可以通过索引来访问、设置、修改对应的数组元素，可以通过“数组名[索引]”的形式来获取数组中的元素。

      

    • 注意：如果访问时数组没有和索引值对应的元素，则得到的值是undefined

      

  • 遍历数组

    • 把数组中的每个元素从头到尾都访问一次（类似学生的点名），可以通过 for 循环索引遍历数组中的每一项

      

    • 数组的长度 数组名.length

      

    • 案例：数组求和及平均值

      

    • 案例：求数组最大值

      

    • 案例：数组转换成字符串

      

    • 案例：数组转换为分割字符串

      

  • 数组中新增元素

    • 通过修改length长度新增数组元素

      

    • 通过修改数组索引新增数组元素

      

    • 案例：数组新增元素

      

    • 案例：筛选数组

      

  • 数组案例
    • 删除指定数组元素

      

    • 翻转数组

      

    • 数组排序（冒泡排序）

      

• 函数

  • 概念：封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用

  • 函数的使用

    • ⚠️ 函数不调用，自己不执行

      

    • 函数的封装
      • 函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口
      • 简单理解：封装类似于将电脑配件整合组装到机箱中 ( 类似快递打包）
    • 案例：利用函数计算1～100之间的累加和

      

  • 函数的参数

    • 参数的作用：在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。

      

    • 形参和实参的执行过程

      

    • 案例：利用函数求任意两个数的和

      

    • 形参和实参个数不匹配问题

      • 

      • 

    • 小结

      

  • 函数的返回值

    • return 语句
    • break、continue、return的区别

      

    • 返回值：函数调用整体代表的数据；函数执行完成后可以通过return语句将指定数据返回
    • ⚠️ 函数的返回值格式

      

    • 使用

      

    • 案例：
      • 利用函数求任意两个数的最大值

        

      • 利用函数求任意一个数组中的最大值

        

    • return 终止函数

      

    • return 的返回值

      

    • 案例：创建一个函数，实现两个数之间的加减乘除运算，并将结果返回

      

    • 函数没有 return 返回 underfined

      

  • arguments 的使用

    • 当不确定有多少个参数传递的时候，可以用 arguments 来获取。JavaScript 中，arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象，arguments 对象中存储了传递的所有实参。arguments展示形式是一个伪数组，因此可以进行遍历。

    • 

    • 案例：利用函数求任意个数的最大值
  • 函数可以调用另外一个函数
    • 每个函数都是独立的代码块，用于完成特殊任务，因此经常会用到函数相互调用的情况

    • 

    • 案例：用户输入年份，输出当前年份2月份的天数

      

  • 案例
    • 利用函数封装方式，翻转任意一个数组

      

    • 利用函数封装方式，对数组排序——冒泡排序

      

    • 判断闰年

      

  • 函数的两种声明方式
    • 自定义函数方式（命名函数）

      

    • 函数表达式方式（匿名方式）