循环与数组

知道什么是数组及其应用的场景，掌握数组声明及访问的语法，具备利用数组渲染柱形图表的能力

for循环

根据while练习的四要素引入for循环

• 1. 循环变量初始值
• 2. 循环的条件
• 3. 循环体
• 4. 循环变量自增自减运算

练习

• • 打印1-100以内 7的倍数
• • 打印1-100以内 所有偶数
• • 打印1-100的和
• • 打印1-100以内所有偶数的和

for循环开发中常见的作用是循环数组

• 案例： 箩筐思想

循环的小结

for循环: 当如果明确了循环的次数的时候推荐使用for循环

while循环: 当不明确循环的次数的时候推荐使用while循环

循环语句的跳出

break和continue

• 说明区别

  • 1. break: 一般用于结果已经得到, 后续的循环不需要的时候可以使用
  • 2. continue: 一般用于排除或者跳过某一个选项的时候, 可以使用continue

循环加强

双层for循环嵌套

• 在网页上打印出一个五行五列的星星
• 在网页上打印出一个五行递增列的星星
• 在网页上打印99乘法表
• 冒泡排序

N行N列星星

99乘法表

什么是数组? 为什么需要数组?

创建数组

字面量

构造函数

数组的使用

数组本质是数据集合,使用无非就是增删改查

查

• 数组[下标]

改

• 数组[下标] = 新值

增

• arr.push(新增的内容)

  • push可以实现一次性添加多个的效果, 推荐使用；

• arr.unshift(新增的内容)

• 二者区别：push直接在数组的最后加上新增的内容、unshift是在数组的最前面加上新增的内容

删

• pop()
• shift()
• arr.splice(操作的下标,删除的个数)

遍历数组

访问数组里面的每一个数据

依次访问

循环访问

提取公式

遍历数组的练习

练习1、2

练习3、4

练习5、6

练习7

综合案例-输入数据生成柱形图

• CSS样式就不放了