博主信息
Lon
博文
22
粉丝
0
评论
0
访问量
2538
积分:0
P豆:48

JavaScript流程控制与循环遍历

2021年10月09日 11:07:04阅读数:42博客 / Lon/ JavaScript

JavaScript流程控制与循环遍历

一、流程控制

流程控制在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。流程控制主要有三种结构,分别是顺序结构分支结构循环结构,代表三种代码执行的顺序。

1、if…else、if…else if…else分支流程控制

  1. // 1. 条件成立执行的代码语句
  2. if (条件表达式) {
  3. }
  4. // 2.if else 语句
  5. if (条件表达式) {
  6. // [如果] 条件成立执行的代码
  7. } else {
  8. // [否则] 执行的代码
  9. }
  10. // 3. if else if 语句(多分支语句)
  11. // 适合于检查多重条件。
  12. if (条件表达式1) {
  13. 语句1
  14. } else if (条件表达式2) {
  15. 语句2
  16. } else if (条件表达式3) {
  17. 语句3
  18. ....
  19. } else {
  20. // 上述条件都不成立执行此处代码
  21. }

2、switch分支流程控制

  1. switch( 表达式 ){
  2. case value1:
  3. // 表达式 等于 value1 时要执行的代码
  4. break;
  5. case value2:
  6. // 表达式 等于 value2 时要执行的代码
  7. break;
  8. default:
  9. // 表达式 不等于任何一个 value 时要执行的代码
  10. }

3、三元表达式

  1. //如果表达式1为 true ,则返回表达式2的值,如果表达式1为 false,则返回表达式3的值
  2. 表达式1 ? 表达式2 : 表达式3;

二、循环与遍历

循环有二种: while(), for()
循环有三个要素:

  1. 循环变量
  2. 循环条件
  3. 更新循环条件

1. while():入口循环, 进入循环前必须判断一次循环条件

  1. const lang = ["html", "css", "js"];
  2. let i = 0;
  3. while (i < lang.length) {
  4. console.log(lang[i]);
  5. i = i + 1;
  6. }

2、do-while(): 出口判断型, 所以条件不论是否满足, 都会执行一次循环体

  1. i = 0;
  2. do {
  3. console.log(lang[i]);
  4. i = i + 1;
  5. } while (i > lang.length);//条件不满足,但还是会执行一次输出html

3、for ( 循环变量初始化; 循环条件; 更新循环条件)

  1. for (let i = 0; i < lang.length; i++) {
  2. console.log(lang[i]);
  3. }

4. for - of 遍历数组

  1. for (item of lang){
  2. console.log(item);
  3. }

5、forEach()遍历数组

  1. lang.forEach(function (item, index, array) {
  2. console.log(item, index, array);
  3. });
  4. // 只有第一个参数:数组成员才是必须的
  5. lang.forEach(function (item) {
  6. console.log(item);
  7. });

6. for - in : 遍历对象

  1. let user = { id: 1, "my name": "zhu", age: 18 };
  2. // for (属性/键名 in 对象) {}
  3. for (let key in user) {
  4. console.log(user[key]);
  5. }

「continue、break」

continue 关键字用于立即跳出本次循环,继续下一次循环(本次循环体中 continue 之后的代码就会少执行一次)。
break 关键字用于立即跳出整个循环(循环结束)。

版权申明:本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
  • 下面由golang​教栏目给大家分享Go的使用小坑 ,希望对需要的朋友有所帮助!在Golang的中,语句有for和range两种。