首页 > 其他分享 >js的循环结构有哪些?

js的循环结构有哪些?

时间:2024-12-06 09:22:09浏览次数:7  
标签:... console log 迭代 哪些 js while 循环

JavaScript 提供了多种循环结构,用于重复执行代码块。以下是几种常见的循环类型:

  • for 循环: 这是最常用的循环结构,它允许你根据计数器或条件重复执行代码块。

    for (let i = 0; i < 10; i++) {
        console.log(i); // 输出 0 到 9
    }
    
    //  for 循环的三个部分:
    //  1. 初始化: let i = 0  (在循环开始前执行一次)
    //  2. 条件: i < 10      (每次循环迭代前进行检查,如果为 true,则执行循环体)
    //  3. 增量/减量: i++    (每次循环迭代后执行)
    
  • for...in 循环: 用于迭代对象的属性。 它遍历对象自身的可枚举属性。

    const obj = { a: 1, b: 2, c: 3 };
    for (const property in obj) {
        console.log(`${property}: ${obj[property]}`); // 输出 "a: 1", "b: 2", "c: 3"
    }
    
  • for...of 循环: 用于迭代可迭代对象的值,例如数组、字符串、Map、Set 等。

    const arr = [1, 2, 3];
    for (const value of arr) {
        console.log(value); // 输出 1, 2, 3
    }
    
    const str = "hello";
    for (const char of str) {
        console.log(char); // 输出 "h", "e", "l", "l", "o"
    }
    
  • while 循环: 只要指定的条件为 true,就重复执行代码块。

    let i = 0;
    while (i < 10) {
        console.log(i); // 输出 0 到 9
        i++;
    }
    
  • do...while 循环: 类似于 while 循环,但它会先执行一次代码块,然后再检查条件。这意味着代码块至少会执行一次。

    let i = 0;
    do {
        console.log(i); // 输出 0 到 9
        i++;
    } while (i < 10);
    

选择哪种循环取决于你的具体需求。 for 循环通常用于基于计数器的循环,for...in 用于迭代对象的属性,for...of 用于迭代可迭代对象的值,而 whiledo...while 则更适用于条件循环。

希望这些信息能帮到你!

标签:...,console,log,迭代,哪些,js,while,循环
From: https://www.cnblogs.com/ai888/p/18589893

相关文章

  • 你有使用过template标签吗?说说它的用途有哪些?
    是的,我了解前端开发中<template>标签的用途。它主要用于以下几个方面:容纳不立即渲染的HTML结构:<template>标签中的HTML内容并不会在页面初始加载时渲染到DOM中。它更像是一个模板或蓝图,只有当JavaScript明确指示时才会被实例化并添加到文档中。这对于根据用户交......
  • 举例说明js中什么是尾调用优化?
    在JavaScript中,尾调用优化(TailCallOptimization,TCO)是一种编译器优化技术,它可以防止在进行某些类型的递归调用时出现栈溢出错误。它通过在尾调用位置不创建新的栈帧,而是重用当前栈帧来实现。这意味着即使递归调用很深,也不会导致调用栈无限增长。什么叫尾调用?尾调用是......
  • 你有使用过time标签吗?说说它的用途有哪些?
    是的,我了解HTML5中<time>标签的用途。它用于表示日期或时间,或者两者都有。它的主要用途有以下几个方面:语义化:<time>标签赋予日期/时间以机器可读的含义。搜索引擎、浏览器插件和其他工具可以利用这个标签来提取日期和时间信息,用于事件安排、日历集成、内容归档等。这比......
  • css的负边距有哪些应用场景?
    CSS负边距有一些非常巧妙的应用场景,可以实现一些难以用其他方法实现的效果。总的来说,负边距可以用来:1.元素重叠和位移:图文混排:使用负边距可以让文字环绕图片,或者让图片略微重叠在文字之上,创造更紧凑和有趣的排版效果。创建等高列:在多列布局中,即使内容高度不同,也可以使用......
  • 医院招聘考试管理系统|Java|SSM|JSP| 前后端分离
     【重要1⃣️】前后端源码+万字文档+部署文档            【包含内容】【一】项目提供非常完整的源码注释【二】相关技术栈文档【三】源码讲解视频                     【其它服务】【一】可以提供远......
  • 医院远程诊断管理系统|Java|SSM|JSP| 前后端分离
    【重要1⃣️】前后端源码+万字文档+部署文档            【包含内容】【一】项目提供非常完整的源码注释【二】相关技术栈文档【三】源码讲解视频                     【其它服务】【一】可以提供远程......
  • js 如何操作IndexedDB 存储
    IndexedDB是一种在用户浏览器中存储大量结构化数据的方式。它是一个低级API,用于在客户端存储大量数据,并使用索引来进行高性能搜索。以下是如何在前端JavaScript中使用IndexedDB的基本步骤:1.打开数据库首先,你需要打开一个数据库。如果数据库不存在,它会自动创建。letdb;......
  • 一个js文件导出一个new class实例,其他多个地方import引用的是同一个实例对象吗
    在JavaScript中,当你从一个模块导出一个类的实例时,其他模块在导入这个实例时将获得该实例的一个引用。这意味着,如果你修改了这个实例的属性或调用它的方法,所有导入该实例的模块都会看到这些更改,因为它们引用的是同一个对象。以下是一个示例:moduleA.js:classMyClass{const......
  • 11C++循环结构-for循环(1)——教学
    一、for语句(第27课老狼老狼几点钟)参考1引出问题:当需要重复执行某一语句时,使用for语句。for语句最常用的格式为:for(循环变量赋初值;循环条件;循环变量增值)语句;注:“语句;”就是循环体,可以是一个简单的语句,也可以是一个用“{}”括起来的复合语句。它的执行过程如图示:编......
  • 期权懂|你知道认购期权买入开仓的成本有哪些吗?
    期权小懂每日分享期权知识,帮助期权新手及时有效地掌握即市趋势与新资讯!你知道认购期权买入开仓的成本有哪些吗?认购期权买入开仓的主要成本有:权利金和手续费‌。权利金是投资者在买入认购期权合约时需要支付的费用,它是期权合约的价值体现。权利金的高低取决于多种因素,包括......