js的数组

js

  • js 的数组
      • 数组是什么
      • 为什么要使用数组
      • 数组的简单使用
      • 数组是按照顺序保存的,所以每个数据都有自己的编号
      • 数组的取值方法
      • 遍历数组
      • 数组的元素求和
      • 数组的最大值和最小值
      • 数组的增删改查操作
      • 数组的增加
      • 数组的筛选
      • 数组的删除

案例:
九九乘法表

数组是什么
数组的简单使用
操作数组

js 的数组

数组是什么

数组(array):是一种可以按顺序保存数据的数据类型
在这里插入图片描述

为什么要使用数组

js的数组_第1张图片

数组的简单使用

使用数组前,首先要声明数组

数组的声明有两种

方式一:
js的数组_第2张图片

方式二:
js的数组_第3张图片

数组是按照顺序保存的,所以每个数据都有自己的编号

在这里插入图片描述
在这里插入图片描述

在数组中数组的编号叫做下标或者说是索引
数组可以存储任意类型的数据

数组的取值方法

通过下标获取数据,

例如:
js的数组_第4张图片

数组的一些术语
js的数组_第5张图片
js的数组_第6张图片

遍历数组

在这里插入图片描述
js的数组_第7张图片
js的数组_第8张图片

数组的元素求和

在这里插入图片描述
案例分析
js的数组_第9张图片

js的数组_第10张图片

数组的最大值和最小值

js的数组_第11张图片

js的数组_第12张图片

练习
求最小值

数组的增删改查操作

js的数组_第13张图片

修改案例
js的数组_第14张图片

数组的增加

在数组的末尾添加一个或者多个元素
在这里插入图片描述

语法:
在这里插入图片描述

例如:
js的数组_第15张图片

在数组的开头添加一个或者多个元素
在这里插入图片描述

数组的筛选

在这里插入图片描述

js的数组_第16张图片

代码案例
js的数组_第17张图片

练习
筛选不等于0的数据

js的数组_第18张图片

数组的删除

pop()方法
在这里插入图片描述

js的数组_第19张图片

shirt()方法删除数组的开头

js的数组_第20张图片

使用场景随机抽奖,抽奖的用户就从数组里面进行删除,不能抽奖

splice()方法
js的数组_第21张图片

你可能感兴趣的:(前端)