我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript中的for循环与双重for循环详解

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript中的for循环与双重for循环详解

for循环

for循环就是对数组的元素进行循环。

语法:

for (初始化变量; 条件表达式; 迭代语句) {
     需要执行的代码块;
}

  • 初始化变量:一般用来对循环变量进行初始化赋值。
  • 条件表达式:作为循环条件,一个包含比较运算符的表达式,用来限定循环变量的边限。如果循环变量的值超出了该边限,则停止该循环语句的执行。
  • 迭代语句:用来改变循环变量的值,从而控制循环的次数,通常是对循环变量的值进行递增或者递减的操作。

for循环执行顺序:

// 1. 声明变量;
// 2. 判断循环执行条件;
// 3. 代码块执行;
// 4. 变量自增;

示例:求1-100的偶数和


var num=0
    for(var i=0;i<=100;i+=2){  //i+=2 意思为i=i+2
      num +=i         
    }
    console.log("偶数和:"+num) 

双重for循环

循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构,例如在for循环语句中,可以再嵌套一个for循环,这样的for循环语句我们称之为双重for循环。

语法:

for (外层初始化变量; 外层条件表达式;外层迭代语句) {
     for (内层初始化变量;内层条件表达式; 内层迭代语句) {
         需要执行的代码块;
     }
}

  • 里层循环可看做是是外层循环的执行语句
  • 外层循环执行一次,里面循环就会执行全部

双重for循环实质:

  • 外层for循环控制循环的高度(行数);
  • 内层for循环控制循环的宽度(列数);

示例:输出九九乘法表


 for(var i= 0 ; i <=9 ; i++){
     for(var aa = 1 ; aa <i+1 ; aa++){
       document.write(aa+"*"+i+"="+i*aa);
     }
     document.write("<br />");
   } 

可以添加一些样式让它更美观(添加span元素,定义body主体部分的宽度,将span元素改为inline-block行内块元素,设置其固定宽度)


<head>
<style> body{
    width:2000px;
  }
  span{
    display:inline-block;
    width:80px;
  } </style>
</head>
<body> 
<script> for(var i= 0 ; i <=9 ; i++){
     for(var aa = 1 ; aa <i+1 ; aa++){ document.write("<span>"+aa+"*"+i+"="+i*aa+"</span>");
     }
     document.write("<br />");
   } </script>
</body>

总结

到此这篇关于JavaScript中的for循环与双重for循环的文章就介绍到这了,更多相关JavaScript双重for循环内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript中的for循环与双重for循环详解

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

python语法 3.1 双重for循环

# -*- coding:utf-8 -*-# -Author: Paulliam -for i in range(5): print("---------",i) for j in range(10): prin
2023-01-31

JavaScript数组中ForEach与For循环

选择哪种方法取决于你的具体需求。•如果你只需要简单地遍历数组而不涉及复杂逻辑,forEach 是一个很好的选择。如果你需要更多的控制,比如条件性地退出循环或改变数组,那么 for 循环可能是更好的选择。

java如何避免双重for循环

可以通过使用其他数据结构或算法来避免双重for循环。1. 使用HashMap或HashSet来存储和查找数据,以避免双重for循环的嵌套。通过将数据存储在HashMap或HashSet中,可以使用常数时间复杂度(O(1))进行查找操作,而不
2023-10-18

四个Javascript 中的 For 循环

在 ECMAScript5(简称 ES5)中,有三个循环。在 2015 年 6 月发布的 ECMAScript6(简称 ES6)中,新增了一种循环类型。

python双重for循环怎么优化

要优化双重循环,可以尝试以下几种方法:尽量减少循环次数:检查是否有多余的循环,在必要的情况下尽可能减少循环次数,例如通过合理的条件判断跳过不必要的循环。使用更高效的数据结构:如果可能的话,可以考虑使用更高效的数据结构来替代嵌套的循环。例如,
python双重for循环怎么优化
2024-02-29

JavaScript For 循环:使用 for,in 循环的技巧你会了吗

在本文中,我们将了解for...inJavaScript 提供的循环。我们将看看for...in循环在 JavaScript 中是如何使用的、它的语法、它是如何工作的示例、何时使用它、何时不使用它,以及我们可以使用哪些其他类型的循环。

C++范围for循环详解

本文将详细解释范围for循环的用法、特点、适用场景以及相关的注意事项。
C++for循环2024-11-30

shell中的for循环用法详解

for 命令:for i in 的各种用法 :for i in “file1” “file2” “file3”for i in /boot/*for i in /etc/*.conffor i in $(seq -w 10) --》等宽的0
2022-06-04

React中的for循环解读

这篇文章主要介绍了React中的for循环解读,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2023-01-16

详解Java中的增强 for 循环 foreach

foreach 是 Java 中的一种语法糖,几乎每一种语言都有一些这样的语法糖来方便程序员进行开发,编译期间以特定的字节码或特定的方式来对这些语法进行处理。能够提高性能,并减少代码出错的几率。在 Java 中还有比如 泛型、自动拆箱、自动
2023-05-31

编程热搜

目录