JavaScript循环及案例

VIP文章 已于 2022-02-10 17:14:47 修改
阅读量1k 收藏 2
点赞数
分类专栏： JavaScript 文章标签： javascript 前端 开发语言
于 2022-02-10 17:12:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WangZhang_521/article/details/122864930
版权

01-循环的目的

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>循环的目的</title>
    <script>
        // 循环的主要目的：可以反复执行某些代码
        console.log('媳妇儿我错了');
        console.log('媳妇儿我错了');
        console.log('媳妇儿我错了');
        console.log('.............................');
        for (var i = 1; i <= 1000; i++) {
     
            console.log('媳妇儿我错了');
        }
        // JS中的循环 在JS中，主要有三种类型的循环语句：
        // 1.for循环
        // 2.while循环
        // 3.do...while循环
    </script>
</head>

<body>

</body>

</html>

02-for循环语法结构

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环语法结构</title>
    <script>
        // 1.在程序中，一组被重复执行的语句被称之为循环体，能否继续执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句
        // 2.语法结构  for循环主要用于把某些代码循环若干次，通常跟计数有关。
        // for (初始化变量; 条件表达式; 操作表达式) {
     
        // 循环体
        // }
        // 3.初始化变量也称为计数器变量 就是用var声明的一个普通变量，通常用于作为计数器使用
        // 4.条件表达式 就是用来决定每一次循环是否继续执行 就是终止的条件
        // 5.操作表达式 就是每次循环最后执行的代码 经常用于计数器变量进行更新（递增或递减）
        // 6.代码体验 重复打印100句你好
        for (var i = 1; i <= 100; i++) {
     
            console.log('你好');
        }
    </script>
</head>

<body>

</body>

</html>

03-for循环执行过程

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环执行过程</title>
    <script>
        //for循环执行过程
        for (var i = 1; i <= 100; i++) {
     
            console.log('你好');
        }
        //1.首先执行里面的计数器变量 var i = 1.这句话在for里面只能执行一次 i是index的缩写，索引号的意思，表示多少次
        // 2.去 i <= 100 来判断是否满足条件，如果满足条件就去执行循环体 不满足就退出循环
        // 3.最后去执行 i++ i++是单独写的代码 递增 第一轮结束
        // 4.接着去执行 i<=100 如果满足条件 就去执行循环体 不满足条件退出循环 这是第二轮
    </script>
</head>

<body>

</body>

</html>

04-for循环断点调试

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环断点调试</title>
</head>

<body>
    <h4>断点调试</h4>
    <p>断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停止,然后你一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显示错误,停下</p>
    <h3>断点调试可以帮我们观察程序的运行过程</h3>
    <P>浏览器中右键点击检查,找到sources源代码,找到需要调试的文件,在程序的某一行设置断点</P>
    <p>watch:监听,通过watch可以监视变量的值的变化,非常常用</p>
    <p>F11:程序单步执行,让程序一行一行的执行,这个时候,观察watch中变量的值的变化</p>
</body>

</html>

05-for循环执行相同代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环执行相同代码</title>
    <script>
        // for循环可以执行相同代码
        /* for (var i = 1; i <= 10; i++) {
            console.log('媳妇儿我错了');
        } */
        // 我们可以让用户控制输出的次数
        var num = prompt('请你输入次数');
        for (var i = 1; i <= num; i++) {
     
            console.log('媳妇儿我错了');
        }
    </script>
</head>

<body>

</body>

</html>

06-for循环执行不同代码

<!DOCTYPE html>
<html lang="en">

<he
最低0.47元/天 解锁文章
WangZhang_521
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript语言教程及案例.docx
03-26
当涉及到JavaScript的语言教程和案例时，下面是一个简单的介绍以及一个示例： ### JavaScript语言教程： #### 1. 基础语法和数据类型： - JavaScript是一种脚本语言，通常用于在Web浏览器中实现交互式功能。 - ...
html用javascript循环显示图片
weixin_58094032的博客
04-10 921
【代码】html用javascript循环显示图片。
js循环及案例
qq_44757223的博客
04-19 1221
循环（for循环、双重for循环、while循环、do while循环）、continue、break以及各种要遵循的规范
JavaScript 循环实例集合
梁辰兴的博客
03-07 407
【代码】JavaScript 循环实例集合。
JavaScript for 循环
zsx0728的博客
04-10 1152
文章目录JavaScript for 循环示例 1：显示文本五次示例 2：显示从 1 到 5 的数字示例 3：显示 n 个自然数的总和JavaScript 无限循环参考文档     在本教程中，您将借助示例了解 JavaScript 中的循环和 for 循环。     在编程中，循环用于重复一段代码。     例如，如果您想显示一条消息 100 次，那么您可以使用循环。这只是一个简单的例子；你可以用循环实现更多。     本教程重点介绍 JavaScriptfor循环。您将在接下来的教程中了解其他类型的循环
cytoscape使用方法_Cytoscape软件使用说明 | 云课堂(26)
weixin_42133680的博客
01-14 6206
原标题：Cytoscape软件使用说明 | 云课堂(26)一直关注联川公众号的小伙伴们都知道，联川云平台已于2018年12月6日正式上线(http://www.lc-bio.cn/index.html)；还没使用过的小伙伴，赶紧点开大显身手一番~使用指南详情请戳此链接：联川生物云平台使用指南；联川云平台包含FAQ/SOP和云平台双重功能：丰富的FAQ/SOP，助你快速上手入门，更有详尽的分析技能小...
JavaScript循环控制语句案例.pdf
07-11
JavaScript循环控制语句案例.pdf 学习资料 复习资料 教学资源
JavaScript动态生成表格案例
05-23
然后获取了表格元素及其 tbody 元素，通过 for 循环遍历数组中的每个学生，动态创建了表格的每一行和每个单元格，并将学生的信息填充到对应的单元格中。 最后，为每行的删除操作添加了点击事件处理程序。当用户单击...
计算机 JavaScript 里的循环小案例
03-31
循环的使用场景：1.某段代码 ，需要重复运行时 2.某段代码需要按顺序的执行 数字变化
JavaScript循环控制语句1案例.pdf
07-11
JavaScript循环控制语句1案例.pdf 学习资料 复习资料 教学资源
【JavaScript】初识循环及经典案例-图形输出
Ai-Fairy的博客
07-28 1639
通过循环语句，输出不同的图形！经典案例用循环语句输出矩形，平行四边形，等腰三角形，倒三角和正三角等。
【JavaScript】for循环、while循环、continue和break
weixin_45895411的博客
06-13 2568
本文介绍JS中for循环、while循环、continue和break关键字
JavaScript循环
qq_54539884的博客
07-05 1835
JavaScript循环的基本用法以及break和continue在循环中的用法
【JS中循环嵌套常见的六大经典例题+六大图形题，你知道哪几个？】
weixin_30263277的博客
04-08 557
首先，了解一下循环嵌套的特点：外层循环转一次，内层循环转一圈。 在上一篇随笔中详细介绍了JS中的分支结构和循环结构，我们来简单的回顾一下For循环结构： 1、for循环有三个表达式，分别为： ①定义循环变量 ② 判断循环条件 ③更新循环变量（三个表达式之间，用;分隔。） for循环三个表达式可以省略，两个;缺一不可2、for循环特点：先判断，再执行；3、for循环三个表达式，均可以...
js for 循环数据到页面
sky_sunshine_x的博客
06-22 9269
1.html    &lt;div style="width: 100%;height: 30px"&gt; &lt;div style="margin-top: 0"&gt; &lt;span style="float: left;width: 25%;text-align: center;"&gt;排序&lt;/span&gt; &lt;span style=&
javascript 基础案例（循环）
阿牛的博客
02-22 1766
今天写几个基本的js案例，熟悉一下js中的循环。
JavaScript中for循环嵌套编程小案例
请叫我二狗哥
06-24 1544
编写一个函数用于实现金额组合：面额分别有1元、2元、5元的纸币共计N张，现需要付出M元，统计共有几种付法。N、M是用户输入的值。(有10张纸币，面额分别是1元、2元、5元，现需要付出18元，通过编程统计出共有几种付法。) 思考：JS中for循环嵌套有什么特点？ 参考代码： 方案1： /* 设1元a张，2元b张，5元c张 */ function f(N, M) { var arr = []; for (var a = 0; a
Javascript for循环例题(26道) for循环案例
热门推荐
hi
12-27 1万+
Javascript for循环例题(25道) for循环案例 精选for循环案例,还有自创的几个题,比较有难度,做完可以更了解for循环 提示：以下是本篇文章正文内容，下面案例可供参考 1、 2、 3、 4、 5、 6、 7、 8、 9、 10、 11、 12、 13、 14、 15、 16、 17、 18、 19、 20、 21、 22、 23、 24、 25、 总结 提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便
js循环小案例
quqing12345的博客
10-09 635
1.求1-100之间所有整数的累加和 用for循环写： var sum = 0; for (var i = 1; i <= 100; i++) { sum = sum + i; } console.log(sum); 用do while写： var sum=0; var i=1; do{ sum+=i; i++; }while(i
javascript案例大全
最新发布
11-27
1. 基础语法：提供了一些简单的例子来介绍JavaScript的基本语法，如变量声明、函数定义、条件判断、循环等等，适合初学者入门学习。 2. DOM操作：DOM（文档对象模型）是JavaScript与网页交互的接口，案例大全中会...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值