数组方法map和foreach（javascript 数组map 方法）

大家好，我是讯享网，很高兴认识大家。

 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg>

讯享网

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

if 多分支语句和 switch的区别：

共同点
- 都能实现多分支选择，多选1
- 大部分情况下可以互换
区别：
- switch…case语句通常处理case为比较确定值的情况，而if…else…语句更加灵活，通常用于范围判断(大于，等于某个范围)。
- switch 语句进行判断后直接执行到程序的语句，效率更高，而if…else语句有几种判断条件，就得判断多少次
- switch 一定要注意必须是 === 全等，一定注意数据类型，同时注意break否则会有穿透效果
- 结论：
```
讯享网<ul><li>当分支比较少时&#xff0c;if…else语句执行效率高。</li><li>当分支比较多时&#xff0c;switch语句执行效率高&#xff0c;而且结构更清晰。</li></ul> </li></ul> <p></p> </li></ol> 
```
  掌握 for 循环语句，让程序具备重复执行能力
  
  是 JavaScript 提供的另一种循环控制的话句，它和只是语法上存在差异。
  
  for语句的基本使用
  1. 实现循环的 3 要素
  1. 变化量和死循环，循环和一样，如果不合理设置增量和终止条件，便会产生死循环。
  2. 跳出和终止循环
```
讯享网
```
  结论：
  - 提供了多种语句来实现循环控制，但无论使用哪种语句都离不开循环的3个特征，即起始值、变化量、终止条件，做为初学者应着重体会这3个特征，不必过多纠结三种语句的区别。
  - 起始值、变化量、终止条件，由开发者根据逻辑需要进行设计，规避死循环的发生。
  - 当如果明确了循环的次数的时候推荐使用循环,当不明确循环的次数的时候推荐使用循环
  注意：的语法结构更简洁，故循环的使用频次会更多。
  
  循环嵌套
  
  利用循环的知识来对比一个简单的天文知识，我们知道地球在自转的同时也在围绕太阳公转，如果把自转和公转都看成是循环的话，就相当于是循环中又嵌套了另一个循环。
  
  讯享网
  
  实际上 JavaScript 中任何一种循环语句都支持循环的嵌套，如下代码所示：
  记住，外层循环循环一次，里层循环循环全部
  
  倒三角
```
讯享网
```
  九九乘法表
  
  样式css
  javascript
```
讯享网
```
  知道什么是数组及其应用的场景，掌握数组声明及访问的语法。
  
  数组是什么？
  
  数组：(Array)是一种可以按顺序保存数据的数据类型
  
  使用场景：如果有多个数据可以用数组保存起来，然后放到一个变量中，管理非常方便
  
  数组的基本使用
  
  定义数组和数组单元
  通过定义数组，数据中可以存放真正的数据，如小明、小刚、小红等这些都是数组中的数据，我们这些数据称为数组单元，数组单元之间使用英文逗号分隔。
  
  访问数组和数组索引
  
  使用数组存放数据并不是最终目的，关键是能够随时的访问到数组中的数据（单元）。其实 JavaScript 为数组中的每一个数据单元都编了号，通过数据单元在数组中的编号便可以轻松访问到数组中的数据单元了。
  
  我们将数据单元在数组中的编号称为索引值，也有人称其为下标。
  
  索引值实际是按着数据单元在数组中的位置依次排列的，注意是从开始的，如下图所示：
  
  观察上图可以数据单元【小明】对应的索引值为【0】，数据单元【小红】对应的索引值为【2】
```
讯享网
```
  数据单元值类型
  
  数组做为数据的集合，它的单元值可以是任意数据类型
  数组长度属性
  
  重申一次，数组在 JavaScript 中并不是新的数据类型，它属于对象类型。
```
讯享网
```
  操作数组
  
  数组做为对象数据类型，不但有属性可以使用，还提供了许多方法：
  1. push 动态向数组的尾部添加一个单元
  2. unshit 动态向数组头部添加一个单元
  3. pop 删除最后一个单元
  4. shift 删除第一个单元
  5. splice 动态删除任意单元
  使用以上4个方法时，都是直接在原数组上进行操作，即成功调任何一个方法，原数组都跟着发生相应的改变。并且在添加或删除单元时并不会发生错乱。
  态向数组头部添加一个单元
  arr.unshift(‘VS Code’)
  console.log(arr)
  
  // 3. splice 动态删除任意单元
  arr.splice(2, 1) // 从索引值为2的位置开始删除1个单元
  console.log(arr)
  
  // 4. pop 删除最后一个单元
  arr.pop()
  console.log(arr)
  
  // 5. shift 删除第一个单元
  arr.shift()
  console.log(arr)
```
讯享网
```