javascript的循环语句是什么

javascript的循环语句是什么

浏览次数:1319次
信息来源: 银河系资源网
更新日期: 2022-05-13
文章简介

JavaScript循环语句是由循环体和终止条件两个部分组成的语句,循环体是重复执行的语句,终止条件是决定能否继续重复的条件。JavaScript循环语句:1、for语句;2、for in语句;3、while语句;4、do while语句。本教程...

JavaScript循环语句是由循环体和终止条件两个部分组成的语句,循环体是重复执行的语句,终止条件是决定能否继续重复的条件。JavaScript循环语句:1、for语句;2、for in语句;3、while语句;4、do while语句。

本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

javascript的循环语句是什么

在不少实际问题中有许多具有规律性的重复操作,因此在程序中就需要重复执行某些语句。

一组被重复执行的语句称之为循环体,能否继续重复,决定循环的终止条件。循环结构是在一定条件下反复执行某段程序的流程结构,被反复执行的程序被称为循环体。循环语句是由循环体及循环的终止条件两部分组成的。那么我们下面就介绍一下我们常用的循环语句。

JavaScript 支持四种不同类型的循环:

  • for:多次遍历代码块

  • for/in:遍历对象属性

  • while:当指定条件为 true 时循环一段代码块

  • do/while:当指定条件为 true 时循环一段代码块

for语句

for语句的语法格式如下:

for (语句1; 语句2; 语句3) {
要执行的代码块
}

语句 1 在循环(代码块)开始之前执行。语句1是可选的,如果没有语句,直接写个分号就可以。我们一般在语句1里初始化一些变量,变量可以是一个,也可以是多个,多个变量由逗号分隔。

语句 2 定义运行循环(代码块)的条件。如果条件成立,进入循环,执行循环里的代码块,否则,结束循环。语句2也是可选的,如果没有语句,直接写个分号,但是,需要注意,如果没有语句,需要在循环体里写一个break,否则,永远不会结束,成死循环了。

语句 3 会在循环(代码块)每次被执行后执行。语句3也是可选的,语句3的内容可以在循环体里写。

注意一个小细节,语句3结束没有分号。

写个小例子:

<p id="demo"></p>
<script>
        var text = "",i;
    
        for (i = 0; i < 5; i++) {
              text += "The number is " + i + "<br>";
        }
document.getElementById("demo").innerHTML = text;
</script>

语句 1 在循环开始之前设置了一个变量(var i = 0)。

语句 2 定义运行循环的条件(i 必须小于 5)。

语句 3 会在代码块每次执行之后对值进行递增(i++)。

for/in语句

for/in 语句一般用于遍历对象的属性,语法格式如下:

for (属性名 in 对象) {
要执行的代码块
}

写个小例子:

<p id="demo"></p>
<script>
        var person = {name:"刘小妞", sex:"女", work:"自媒体"}; 
        var x,txt = "";
        for (x in person) {
          txt += person[x] + " ";
        }
document.getElementById("demo").innerHTML = txt;
</script>

x代表属性名,属性名可以随便定义,类似形参。通过对象[属性名]的形式访问属性值,不能用对象.属性名这种形式。

while语句

while的语法格式如下:

while (条件) {
要执行的代码块
}

如果条件成立,会一直循环执行代码块。

写个小例子:

<p id="demo"></p>
<script>
    var text = "";
    var i = 0;
    while (i < 10) {
      text += "<br>数字是 " + i;
      i++;
    }
document.getElementById("demo").innerHTML = text;
</script>

注意一点,如果你写的不是死循环的话,一定要在循环体里有能够让条件不成立的语句。

例如上面的例子,循环体里有i++,当i递增到10的时候,循环结束。

do/while语句

do/while的语法格式如下:

do {
要执行的代码块
}
while (条件);

do/while 循环是 while 循环的变体。

在检查条件是否为真之前,这种循环会执行一次代码块,然后只要条件为真就会重复循环。

写个小例子:

<p id="demo"></p>
<script>
    var text = ""
    var i = 0;
    
    do {
          text += "<br>数字是 " + i;
          i++;
    }
    while (i < 10);  
    
document.getElementById("demo").innerHTML = text;
</script>

:javascript学习教程

以上就是javascript的循环语句是什么的详细内容

标签: 暂无标签
如何优化jQuery性能?优化方法汇总
« 上一篇
javascript有main函数吗
下一篇 »
  • jquery怎么在元素内部增加元素
    594710阅读
    方法:1、用“$(指定元素).prepend(新元素)”或“$(新元素).prependTo(指定元素)”,可在开头增加元素;2、用“$(指定元素).append(新元素)”或“$(新元素).appendTo(指定元素)”,在末尾增加元素。本教程操作环境:...
  • css怎么去除a标签鼠标样式
    296035阅读
    在css中,可用cursor属性去除a标签的鼠标样式,该属性用于定义鼠标指针在一个元素边界范围内所用的鼠标样式,属性值设置为none时,会去除元素的鼠标样式,设置为default时,显示默认箭头样式,语法为“a{cursor:none...
  • react的脚手架是什么意思
    39954阅读
    在react中,脚手架是快速生成项目工程化结构工具的意思;React脚手架能够快速开始一个React的项目,生成一个通用的目录结构,并配置所需环境,其中包含基础的依赖库,只需要利用“npm install”就能够安装,节省了项...
  • 浅析Bootstrap中列表组、分页和进度条组件的用法
    39545阅读
    Bootstrap中怎么实现列表组、分页和进度条?下面本篇文章给大家介绍一下Bootstrap中列表组、分页和进度条组件的用法,希望对大家有所帮助!列表组使用.list-group选择列表组添加.active到 a.list-group-item以指示当...
  • JavaScript有没有stl库
    10026阅读
    JavaScript没有stl库。stl库是标准模板库,是一个具有工业强度的高效的“C++”程序库,用于提供基本的语言本身的数据结构等扩展支持,stl库被容纳与“C++”标准程序库中,因此在JavaScript中没有stl库。本教程操作环...
  • es6的模块导出使用什么方法
    5519阅读
    es6的模块导出使用的方法:1、导出默认模块,一个模块文件只能有一个默认模块,语法为“export default 需要导出的成员”;2、导出普通模块,一个模块文件可以有多个普通模块,语法为“export 按需导出的成员”。本教...
  • css3新增长度单位的使用方法是什么
    4261阅读
    使用方法:1、em表示相对于当前对象内文本的字体大小;2、rem表示相对于根元素的字体大小;3、ch表示数字0的大小;4、vh表示百分比视口的高度;5、vw表示百分比视口的宽度;6、ex表示当前字体的小写x字母的的高度或者...
  • 在css3中可实现缩放效果的是什么属性
    4224阅读
    在css3中可实现缩放效果的是transform属性。transform属性可以和scaleX()函数实现水平方向的缩放效果、可以和scaleY()函数实现垂直方向的缩放效果、可和“scale(x,y)”函数实现水平方向和垂直方向同时缩放。本教程操...
  • 使用javascript:void(0)的原因是什么
    4171阅读
    使用“javascript:void(0)”的原因是:可以防止链接跳转到其他页面,保留链接的样式,并且不让链接执行实际操作。void关键字用于指定要计算一个表达式但是不返回值,“void(0)”也就表示不进行任何操作。本教程操作环...
  • jquery怎么设置文本框只读
    4071阅读
    方法:1、利用“$(input元素)”语句获取文本框元素对象;2、利用attr()方法设置文本框只读,将readonly属性值设置为readonly即可,语法为“文本框元素对象.attr("readonly","readonly")”。本教程操作环境:windows1...

如本文对您有帮助,随意赞赏一下!