当前位置:网站首页 > JavaScript开发 > 正文

数组方法map和foreach(javascript 数组map 方法)



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

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

  1. 共同点
    • 都能实现多分支选择, 多选1
    • 大部分情况下可以互换
  2. 区别:
    • switch…case语句通常处理case为比较确定值的情况,而if…else…语句更加灵活,通常用于范围判断(大于,等于某个范围)。
    • switch 语句进行判断后直接执行到程序的语句,效率更高,而if…else语句有几种判断条件,就得判断多少次
    • switch 一定要注意 必须是 === 全等,一定注意 数据类型,同时注意break否则会有穿透效果
    • 结论:
      • 当分支比较少时,if…else语句执行效率高。
      • 当分支比较多时,switch语句执行效率高,而且结构更清晰。

掌握 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)

到此这篇数组方法map和foreach(javascript 数组map 方法)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!
                            

版权声明


相关文章:

  • 一级用html+javascript打造公文一键排版系统4:一级标题排版二级用html+javascript打造公文一键排版系统4:一级标题排版示范空两格(一级用html+javascript打造公文一键排版系统4:一级标题排版二级用html+javascript打造公文一键排版系统4:一级标题排版三级用html+javascript打造公文一键排版系统4:一级标题排版前面空格2025-02-28 17:18:05
  • Javascript-filter遍历数组 返回符合条件的每一项2025-02-28 17:18:05
  • JavaScript毫秒整数转化为时分秒2025-02-28 17:18:05
  • JavaScript 动态修改Objcet的属性值2025-02-28 17:18:05
  • Javascript-every遍历数组 每一项均符合条件后执行相应操作2025-02-28 17:18:05
  • JavaScript 递归遍历对象:过滤对象中为null/undefined/''/[]/{}的属性值2025-02-28 17:18:05
  • JavaScript-对象扁平化:只保留最里层key2025-02-28 17:18:05
  • JavaScript封装检测是否为空(包括空字符串、空格、null,{},[])2025-02-28 17:18:05
  • react javascript(react javascript 怎么传递一个list给后端)2025-02-28 17:18:05
  • auto.js全局变量(javascript中全局变量和局部变量的作用域)2025-02-28 17:18:05
  • 全屏图片