js基础3（1）—for循环，数组及案列

循环—for

数组

循环—for

• for循环的基本使用

• 循环嵌套

for循环的基本使用

for循环语句

• 作用：重复执行代码
• 好处：把声明起始值，循环条件，变化值写到一起，一目了然，是最常用的循环形式

 退出循环

• continue 退出本次循环，一般用与排除或者跳过某一项的时候，可以使用这个
• break 退出整个for循环，一般用于结果已经得到，后面的循环不需要时就可以使用

 

 了解

while（true）来构造“无限”循环，需要使用break退出循环

for（；；）也可以来构造：无限循环，同样需要使用break退出循环。

 循环嵌套

一个循环里再套一个循环，一般用在for循环里 

数组

数组：

• 数组是什么
• 数组的基本使用
• 操作数组
• 数组案列

数组是什么

数组：Array是一种可以按顺序保存数据的数据类型

数组的基本使用

声明语法

示列：

 

• 数组是按照顺序保存，所以某个数据都有自己的编号
• 计算机中的编号从0开始，所以小明的编号是0，小刚是1
• 在数据中，数据的编号也叫索引或下标

 取值语法

通过下标取数据

取出来是什么类型的，就根据这种类型特点来访问

一些术语：

元素：数字中保存的每一个数据都叫数组元素

下标：数组中数据的编号

长度：数组中数据的个数，通过数组的length属性来获取

遍历数组

目标：能够遍历输出数组里的元素

用循环把数字中的每一个元素都访问到一般会用for循环

 

 操作数组

数组的本质是数据集合，操作数据无非就是增，删，改，查 语法

• 查：查询数据。比如：数组【下标】 或者我们称为访问数组数据
• 删：删除数组中数据。比如：arr.pop（），arr.shrif（），arr.spilce
• 改：重新赋值。比如：数组【下标】=新值
• 增：数组添加新的数据。比如：arr.push（新增的内容），arr.unshift（新增的内容）

操作数组—新增

数组.push（）方法将一个或多个元素添加到数组末尾，并返回该数组的新长度

语法：

示列：

 

数组arr.unshif（新增内容）方法将一个或多个元素添加到数组开头并返回该数组长度 

语法：

示列：

 

 操作数组—删除

数组.pop（）方法可以从数组中删除一个元素并返回改元素的值

语法：

 数组.splice()方法，删除指定元素

语法：

 解释：start：指定修改开始的位置

deletecount：表示要移除数组元素的个数

可选的。如果省略则默认从指定的起始位置删除到最后

 案列：

根据数据生成柱状图

用户输入四个季度的数据，可以生成柱状图

分析：

• 需要输入四次，所以可以把4个数据放在一个数组里面
• 利用循环弹出4次输入框，存到数字里
• 编里改数组，根据数据生成4个柱状图，渲染打印到页面中
• 图形就是div盒子，设置宽度固定，高度是用户输入的数据
• div里面包含显示的数字和第n季度