Javascript 中的重复循环

javascript 中的重复循环

本文提供多个 Javascript 循环示例,演示如何遍历数组。我们将使用 whilefordo...whilefor...offor...inforEach 循环,并比较它们的不同之处。

示例:遍历包含 10 个数字的数组

我们使用一个包含数字 10 到 100 的数组作为示例数据。以下代码展示了如何使用不同的循环遍历此数组并打印每个元素:

1. while 循环:

立即学习“Java免费学习笔记(深入)”;

let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];let i = 0;console.log('while: ');while (i < v.length) {  console.log(`v[${i}]=`, v[i]);  i++;}

2. for 循环:

let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];console.log('for: ');for (let i = 0; i < v.length; i++) {  console.log(`v[${i}]=`, v[i]);}

3. do...while 循环:

let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];let i = 0;console.log('do while: ');do {  console.log(`v[${i}]=`, v[i]);  i++;} while (i < v.length);

4. for...of 循环:

let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];console.log('for...of: ');for (let valor of v) {  console.log(`v[]=`, valor);}

5. for...in 循环:

let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];console.log('for...in: ');for (let i in v) {  console.log(`v[${i}]=`, v[i]);}

6. forEach 方法:

let v = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];console.log('forEach: ');v.forEach((valor, index) => {  console.log(`v[${index}]=`, valor);});

这些示例展示了 Javascript 中处理数组的不同方法。选择哪种循环取决于具体的应用场景和个人偏好。 for...of 通常被认为是遍历数组元素最简洁和易读的方式。 forEach 提供了更灵活的方式,允许在回调函数中执行更多操作。

希望这些例子能帮助您练习 Javascript 循环!

以上就是Javascript 中的重复循环的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1499615.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 21:54:55
下一篇 2025年12月19日 21:55:05

相关推荐

  • setState操作是react中的异步操作吗? + 解决方案

    react 的 setstate 方法并非同步操作,理解其异步特性对于编写高效、无 bug 的 react 应用至关重要。本文将解释 setstate 的异步行为,并提供最佳实践来处理潜在问题。 setState 异步的原因: React 为了优化性能,对 setState 调用进行批量处理。多个 …

    好文分享 2025年12月19日
    000
  • JavaScript 中的原型链:理解继承和对象查找

    JavaScript 原型链详解 JavaScript 的原型链是其继承机制的核心概念,它允许对象继承其他对象的属性和方法。 原型链工作机制 创建 JavaScript 对象时,它会链接到另一个对象——其原型。每个对象都有一个隐含的内部属性 [[Prototype]],指向其原型对象。 访问对象属性…

    2025年12月19日
    000
  • 哈希救援:React 性能故事

    最近我的React应用遇到性能瓶颈,罪魁祸首是频繁重新渲染包含大量项目的复杂组件。即使微小的数据变化也会引发一系列无谓的更新,导致UI卡顿。 解决方法?哈希! 我用哈希函数为列表中每个项目生成唯一键。该键基于项目数据,数据不变则哈希值不变。 将此哈希值作为key属性传递给每个列表项,React就能有…

    2025年12月19日
    000
  • JavaScript 中的解构

    JavaScript 解构:示例与练习 本文提供 javascript 解构的示例和练习,帮助您更好地理解和应用解构技术。 嵌套解构: 从嵌套对象中提取值: const person = { name: ‘john’, address: { city: ‘new york’, country: ‘u…

    2025年12月19日
    000
  • 了解 JavaScript 运算符:带有示例的完整指南

    ### javascript 中的运算符 javascript 中的运算符是用于对值和变量执行运算的特殊符号。这些操作可以涉及算术、赋值、比较、逻辑和其他操作。了解运算符对于执行基本计算、比较和控制代码流程至关重要。 javascript 支持多种运算符,它们分为以下类型: ### 1. **算术运…

    好文分享 2025年12月19日
    000
  • Wasm 组件模型和惯用的代码生成

    arcjet:使用webassembly组件模型和惯用代码生成构建安全sdk ArcJet将WebAssembly与我们的安全即代码SDK相结合,允许开发者直接在代码中实现常见的安全功能,例如PII检测和机器人检测。大部分逻辑都嵌入到Wasm中,提供接近原生性能的安全沙箱,符合我们“本地优先安全”的…

    2025年12月19日
    000
  • JavaScript 中类型转换的完整指南:隐式与显式强制转换

    JavaScript 类型转换 JavaScript 的类型转换是指将数据从一种类型转换为另一种类型。作为动态类型语言,JavaScript 变量无需预先声明类型,系统会在需要时自动或手动进行类型转换。 类型转换类型 JavaScript 提供两种类型的转换: 隐式类型转换(类型强制)显式类型转换 …

    2025年12月19日
    000
  • 掌握JavaScript中的数组方法:map、filter和reduce

    JavaScript数组核心方法:map、filter和reduce详解 JavaScript提供了一套强大的数组方法,其中map、filter和reduce这三个高阶函数是每个开发者都必须掌握的利器,它们能显著简化数组操作。 1. map方法 map方法通过回调函数转换数组的每个元素,并返回一个新…

    2025年12月19日
    000
  • AnySphere 的 Cursor:彻底改变 AI 驱动编码

    软件开发世界在不断发展,而人工智能现在处于这一变革的最前沿。在众多重塑行业的人工智能工具中,AnySphere 的 Cursor 作为一款创新的编码助手脱颖而出,旨在简化开发工作流程。无论您是经验丰富的开发人员还是新手,Cursor AnySphere 都提供强大的功能,使您的编码过程更快、更智能、…

    2025年12月19日
    000
  • 人工智能发音训练器

    在本文中,我介绍了我正在从事的项目:AI Pronunciation Trainer(在线),这是一个旨在帮助您利用人工智能的力量提高发音的工具。这个项目是对 Thiagohgl 原始 AI Pronunciation Trainer 的重构,我对其进行了一些改进,以使该工具更有效且更易于使用。 它…

    2025年12月19日
    000
  • 自写 Lang 图状态

    第一人工智能响应: 输出:感谢您伸出援手,.我很乐意为您提供帮助,但我想确保我完全理解您的需求。您能否提供有关您正在寻找的内容的更多详细信息?您分享的信息越多,我就越能提供帮助!我很乐意尽我所能地帮助你。您想进一步探索某个特定领域吗?您的意见将帮助我根据您的具体需求定制我的帮助。我完全致力于让您的体…

    2025年12月19日
    000
  • 我的 React 之旅:第 19 天

    使用 json api 和模拟服务器进行练习 使用 json-server 是模拟后端服务器并练习 get、post、put、patch 和 delete 等 api 交互的好方法。 什么是 json-server? 一个工具,允许您快速创建一个模拟服务器来使用json数据库。非常适合原型设计和测试…

    2025年12月19日
    000
  • React Hooks 流程:深入探讨

    许多开发人员都了解 react,但缺乏了解可能会导致对事物如何工作的假设。清楚地了解 react 中的钩子流程可以极大地提高您的代码质量。在使用 react 4 年多之后,我想分享一些关于 react hooks 流程的重要见解,这是一个经常被忽视的概念。 在深入了解 hooks 流程之前,我想回顾…

    2025年12月19日 好文分享
    000
  • React 新钩子 useActionState

    通常,在使用表单时,您需要: a) 显示加载程序 b) 显示验证错误 这通常意味着管理几个状态变量。但随着 react 19 中引入的新 useactionstate 钩子,现在有一种更简单的方法来处理它。 链接 演示 代码库 react hook:useactionstate 在以下代码片段中,请…

    2025年12月19日
    000
  • 将 Golang 延迟概念实现到 Javascript 中

    在 go 中,defer 语句推迟函数的执行,直到周围的函数返回。这是一个简单的例子: package mainimport “fmt”func main() { fmt.println(“start”) defer fmt.println(“defer 1”) defer fmt.println(…

    2025年12月19日
    000
  • 发布了一个用于 JS/TS 异步进程同步执行的库

    我发布了一个名为sync-actions 的库,它允许异步进程在 javascript/typescript 中同步执行。特别是在 typescript 中,您可以以类型安全的方式调用定义的函数。它适用于您想要在您不希望(或不能)标记为异步的函数中执行异步进程的情况。 特征 利用 node.jswo…

    2025年12月19日
    000
  • Integration Testing: Ensuring Seamless Software Interactions

    什么是集成测试 集成测试是软件测试生命周期中的关键阶段,旨在确保系统的不同模块按预期协同工作。单元测试验证各个组件,而集成测试则侧重于这些组件之间的通信和交互。本博客探讨了集成测试的重要性、类型、工具、挑战和最佳实践,全面了解其在交付高质量软件中的作用。 为什么集成测试很重要? 集成测试有助于识别组…

    2025年12月19日
    000
  • JavaScript:编程语言的“英语”

    虽然我是后端开发人员,但我的主要编程语言是 JavaScript,原因很简单:JavaScript 和英语一样,有许多不一致、历史怪癖和缺陷,但它无处不在。 阿特伍德定律:“任何可以用 JavaScript 编写的应用程序最终都将用 JavaScript 编写”。 几乎每部手机和计算机上都有一个 J…

    2025年12月19日
    000
  • 掌握 JavaScript 装饰器

    javascript 装饰器是一项强大的功能,可以简化代码并增强可读性,特别是在处理复杂的应用程序时。在这篇博客中,我们将通过实际示例来简化装饰器,使高级开发人员更容易有效地实现它们。 什么是 javascript 装饰器? 装饰器是一种用于修改类及其成员的特殊语法。它们是可应用于类、方法或属性的函…

    2025年12月19日
    000
  • EchoAPI 与 SoupUI:哪一个更适合您?

    在快节奏的软件开发中,选择合适的api测试工具至关重要。本文比较了两个流行的api测试工具:echoapi和soapui,并重点突出了echoapi的优势。我们将探讨每个工具的核心功能和优点,分析实际应用场景,并最终帮助您做出明智的选择。 EchoAPI和SoapUI概述 EchoAPI: Echo…

    2025年12月19日 好文分享
    000

发表回复

登录后才能评论
关注微信