JavaScript 其他循环语句和跳转语句

合集 - web前端(29)

1.1-web前端 基础标签 、图片、超链接2023-09-192.2-web前端 音频、视频、表格、表单2023-09-193.3-web前端 css 网页样式语言，基础语言、盒子模型、浮动2023-09-194.5-web前端 定位position2023-09-195.6-web前端的特效 平面转换transfrom2023-09-196.7-web前端 空间转换，3D效果2023-09-197.8-web前端 动画 案例2023-09-198.9-web前端 flex弹性布局2023-09-199.10-JavaScript 点击事件 随机点名器2023-09-2010.11-JavaScript 逻辑条件 ，if判断 ，while循环，算数运算相关的案例演示2023-09-2311.12-web前端轮播图案例 （小米商城）2023-09-2712.css字体样式2023-10-0813.css样式对单行和多行文本的隐藏2023-10-1014.css伪类和伪元素2023-10-1215.web前端html+css页面内容的六种隐藏方式2023-10-1616.JavaScript的基础语法和数据类型2023-10-2617.JavaScript 数组Array存储方式及对象Object2023-10-2718.JavaScript数据类型的转换2023-10-3019.JavaScript运算符及优先级2023-10-3120.JavaScript条件判断if 语句2023-11-0121.JavaScript for循环控制语句2023-11-02

22.JavaScript 其他循环语句和跳转语句2023-11-03

23.JavaScript 函数、函数构造、函数调用、参数、函数返回值、变量的作用域、预解析2023-11-0424.JavaScript函数变量的生命周期，自执行函数、闭包、反转数组案例及冒泡排序案例2023-11-0425.JavaScript Array对象（属性、方法） 留言板案例2023-11-0426.JavaScript string对象（属性，方法）获取图片后缀案例 输入和输出结果转换形式案例2023-11-0727.JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历2023-11-1328.JavaScript事件 2023-11-1829.JavaScript BOM对象2023-11-18

收起

一、while语句

While 循环会在指定条件为真时循环执行代码块。 While循环，先进行条件判断，再执行循环体的代码

while (条件表达式){
  循环体
}

如果条件不满足，则不会执行循环体，一次都不会

案例：

var i= 1;
while(i<=10){
  console.log(i);
  i++;
}

二、do.....while循环

do/while 循环是 while 循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。

do while循环，先执行循环体代码，再进行条件判断。至少执行一次循环体的代码。

代码块会至少先执行一次

do {
    代码段
} while (条件表达式)

案例：

var i=1;
    do{
        i++; // 2
        console.log(i);
       }while(i<=10)

三、for .....in 

for (变量 in 对象) {
   代码段
}

for...in 语句用来遍历对象的每一个属性。每次都将属性名作为字符串保存在变量里

在无法预知对象的任何信息，和循环次数的时候使用

案例

var arr = [
  {
    "name":"Java编程思想",
    "price":78.9
  },
  {
    "name":"python入门宝典",
    "price":59
  },
  {
    "name":"JavaScript程序设计",
    "price":69
  }
];
for(var i=0;i<arr.length;i++){
  // console.log(arr[i]);
  // json - {"name":"Java编程思想","price":78.9}
  for(key in arr[i]){
    console.log(arr[i][key]);
  }
}

四、跳转语句

1、continue

continue语句只能应用在循环中（while、do......while、for）语句中 用于中止本次循环，根据控制表达式还允许继续进行下一次循环。

continue终止后再继续

var iNum = 0; 
for (var i=1; i<10; i++) {
  if (i % 5 == 0) {
    document.write(i);  
    continue;
  }
  iNum++;
}
alert(iNum);

2、break

break语句只能应用在循环（while、do......while、for）或switch语句中

break语句用于退出循环，阻止再次反复执行任何代码或者退出一个switch语句

for (var i=1; i<10; i++) {
  if (i % 5 == 0) {
    break;
  }
  iNum++;
}
alert(iNum);