广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript中的for循环与双重for循环详解
  • 854
分享到

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

2024-04-02 19:04:59 854人浏览 八月长安
摘要

for循环 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循环内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript中的for循环与双重for循环详解

本文链接: https://www.lsjlt.com/news/121676.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

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

下载Word文档
猜你喜欢
  • JavaScript中的for循环与双重for循环详解
    for循环 for循环就是对数组的元素进行循环。 语法: for (初始化变量; 条件表达式; 迭代语句) {      需要执行的代码块...
    99+
    2022-11-11
  • python语法 3.1 双重for循环
    # -*- coding:utf-8 -*- # -Author: Paulliam - for i in range(5): print("---------",i) for j in range(10): ...
    99+
    2023-01-31
    语法 python
  • Java for循环详解
    一套完整的嵌入式开发学习路线(高薪就业版),知识全面,思路清晰,猛击这里免费领取! for 语句是应用最广泛、功能最强的一种循环语句。大部分情况下,for 循环可以代替 while 循环、do while 循环。 for 语句是一种在程序...
    99+
    2023-09-04
    java jvm 开发语言
  • 详解C语言中for循环与while循环的用法
    目录一、单层for循环二、for循环与if选择的嵌套三、多层for循环的嵌套四、while循环五、总结一、单层for循环 引例:C语言实现求1到10的和(用for循环实现) #inc...
    99+
    2022-11-13
  • java如何避免双重for循环
    可以通过使用其他数据结构或算法来避免双重for循环。1. 使用HashMap或HashSet来存储和查找数据,以避免双重for循环的...
    99+
    2023-10-18
    java
  • Python中的for循环详情
    目录1、可迭代对象1.1什么是可迭代对象1.2怎么判断2、字符串的for循环3、列表的for循环4、元组的for循环5、字典的for循环5.1keys()5.2 values()5....
    99+
    2022-11-12
  • JavaScript for循环的用法
    这篇文章主要介绍“JavaScript for循环的用法”,在日常操作中,相信很多人在JavaScript for循环的用法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ja...
    99+
    2022-10-19
  • shell中的for循环用法详解
    for 命令: for i in 的各种用法 : for i in “file1” “file2” “file3” for i in /boot/* for i in /etc/*.conf for ...
    99+
    2022-06-04
    shell for循环 shell for
  • 详解python基础中的for循环
    目录一、 for 循环二、拓展利用for循环输出字典的值value三、for循环的优势四、for实现累加五、计算10以内偶数和六、计算10以内奇数和总结一、 for 循环 根据变量赋...
    99+
    2022-11-12
  • JavaScript 语句之常用 for 循环详解
    JavaScript中循环语句不少,for、for in、for of和forEach循环,今天对比Array、Object、Set(ES6)、Map(ES6)四种数据结构循环语句支...
    99+
    2022-11-11
  • python双重for循环太慢如何优化
    如果双重for循环太慢,可以尝试以下优化方法: 使用NumPy库:NumPy是一个强大的Python科学计算库,它可以对数组进行...
    99+
    2023-10-24
    python
  • JavaScript中for循环怎么用
    这篇文章给大家分享的是有关JavaScript中for循环怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。前言对于for循环,相信大家再常用不过了。但是这回说下for循环是因...
    99+
    2022-10-19
  • C语言for循环嵌套for循环在实践题目中应用详解
    目录做题前先学招第一题第二题第三题第四题第五题第六题做题前先学招 for循环嵌套个for循环,就是以下类型 for(...)——>" for(...
    99+
    2022-11-13
  • python基础之while循环、for循环详解及举例
    目录1.while循环1.1Whlie循环的书写方式1.2while循环的格式1.3while循环注意事项1.4while嵌套的格式1.5while练习:计算 1~100 ...
    99+
    2022-11-10
  • React中的for循环解读
    目录React中的for循环React死循环原因1总结React中的for循环 记得要绑定key! <!DOCTYPE html> <html lang="en"&...
    99+
    2023-01-16
    React中的for循环 React for循环 React循环
  • JavaScript中的for循环怎么用
    这篇文章主要介绍“JavaScript中的for循环怎么用”,在日常操作中,相信很多人在JavaScript中的for循环怎么用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”...
    99+
    2022-10-19
  • Parallel.For循环与普通for循环的性能比较
    一、Parallel.For循环优于For的情况 代码: #region Parallel.For public static void Parall...
    99+
    2022-11-13
  • 详解Java中的增强 for 循环 foreach
    foreach 是 Java 中的一种语法糖,几乎每一种语言都有一些这样的语法糖来方便程序员进行开发,编译期间以特定的字节码或特定的方式来对这些语法进行处理。能够提高性能,并减少代码出错的几率。在 Java 中还有比如 泛型、自动拆箱、自动...
    99+
    2023-05-31
    java 增强for循环 fo
  • C语言中for循环与while循环怎么使用
    本文小编为大家详细介绍“C语言中for循环与while循环怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“C语言中for循环与while循环怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。一、单层f...
    99+
    2023-07-02
  • PHP中For循环的用
    这篇文章主要介绍“PHP中For循环的用”,在日常操作中,相信很多人在PHP中For循环的用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”PHP中For循环的用”的疑惑有所帮...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作