循环:For 循环、While 循环、ForOf 循环、ForIn 循环

循环:for 循环、while 循环、forof 循环、forin 循环

循环的目的是重复一些功能。

一些类型的循环包括:

for 循环while 循环for…of 循环for…循环

for循环

to 可以写一个简单的 for 循环如下:

for (let i = 1; i <= 10; i++) {  console.log(i); // prints numbers 1-10}

登录后复制

要循环数组,我们可以执行以下操作:

const animals = ['lizard', 'fish', 'turtle'];for (let i = 0; i < animals.length; i++) {  console.log(i, animals[i]);}// 0 'lizard'// 1 'fish'// 2 'turtle'

登录后复制

我们还可以反向循环这个数组:

for (let i = animals.length - 1; i >= 0; i--) {  console.log(i, animals[i]);}// 2 'turtle'// 1 'fish'// 0 'lizard'

登录后复制

我们还可以循环内循环:

for (let i = 0; i <= 2; i++) {  for (let j = 0; j < 2; j++) {    console.log(`i=${i}, j=${j}`);  }}// i=0, j=0// i=0, j=1// i=1, j=0// i=1, j=1// i=2, j=0// i=2, j=1

登录后复制

如果我们想要迭代数组的数组,这很有用:

const seatingchart = [  ['abigale', 'tim', 'cynthia'],  ['bob', 'carter', 'zane', 'tanja'],  ['quin', 'xavier'],];// to print each name individually from seatingchart:for (let i = 0; i < seatingchart.length; i++) {  for (let j = 0; j < seatingchart[i].length; j++) {    console.log(seatingchart[i][j]);  }}

登录后复制

while 循环

简单 while 循环的一个例子是:

let num = 0;// to print out 0 through 4:while (num < 5) {  console.log(num);  num++;}

登录后复制

中断关键字

break关键字可用于退出while循环:

let input = prompt('say something:');while (true) {  input = prompt(input);  if (input === 'stop copying me') {    break; // finally stops prompting user  }}

登录后复制

它也可以用于退出 for 循环。假设我们有一行:

let line = ['abby', 'salvia', 'jamie', 'carter', 'john'];

登录后复制

我们想要输出 jamie 之前的每个人,但不输出 jamie:

for (let i = 0; i < line.length; i++) {  if (line[i] === 'jamie') break;  console.log(line[i]);}

登录后复制

for…of 循环

如果我们想打印数组中的每个值,我们可以这样做:

let people = ['agitha', 'bruce', 'charlie', 'dane', 'ernie'];// to print each persons name:for (let person of people) {  console.log(person);}

登录后复制

为了使之前的座位表示例更清晰,我们可以这样做:

const seatingchart = [  ['abigale', 'tim', 'cynthia'],  ['bob', 'carter', 'zane', 'tanja'],  ['quin', 'xavier'],];// to print each name individually from seatingchart:for (let row of seatingchart) {  for (let person of row) {    console.log(person);  }}

登录后复制

for…in 循环

如果我们想迭代对象中的每个键值对,我们可以这样做:

const testscores = {  jim: 34,  abby: 93,  greg: 84,  mark: 95,  melvin: 73,};for (let person in testscores) {  console.log(`${person} scored ${testscores[person]}`);}

登录后复制

如果我们想使用 for…of 得到 testscores 的平均值,我们可以这样做:

let total = 0;let scores = Object.values(testScores);for (let score of scores) {  total += score;}let avg = total / scores.length;console.log(avg);

登录后复制

以上就是循环:For 循环、While 循环、ForOf 循环、ForIn 循环的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2671953.html

(0)
上一篇 2025年3月7日 13:18:52
下一篇 2025年2月26日 08:22:21

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 如何使用 HMPL 减少客户端上的 javascript 文件大小?

    大家好!在这篇文章中,我想告诉你如何通过 hmpl 这样的模板语言来多次减小 javascript 文件的大小。 文章中出现的技术方法并不新鲜,但今天仍然足够流行,值得讨论。 减小 javascript 文件的大小将使页面在客户端上加载得更…

    2025年3月7日
    200
  • Vue 和 Tailwind 管理框架

    github |网站 添加了一些“必须”的功能,并将在此分享。 我们将非常感谢您在评论中提出的建议! 预制登录: 立即学习“前端免费学习笔记(深入)”; 用户管理: Chat-GPT 文本补全插件: 每个操作的审核日志(不包括密码哈希等敏感…

    2025年3月7日 编程技术
    200
  • 如何减少客户端的 javascript 文件大小?

    大家好!在这篇文章中,我想告诉你如何通过 hmpl 这样的模板语言来多次减小 javascript 文件的大小。 文章中出现的技术方法并不新鲜,但今天仍然足够流行,值得讨论。 减小 javascript 文件的大小将使页面在客户端上加载得更…

    2025年3月7日
    200
  • 使用薪资计算器简化团体付款:平衡分摊费用的 Web 应用程序

    总长DR 管理团体付款可能是一个复杂且容易出错的过程,通常会导致混乱和差异。本文介绍了 pay calculator,这是一款旨在简化团体付款计算的 web 应用程序。该应用程序利用常见的网络技术,提供用户友好的界面,以确保准确、高效的支付…

    2025年3月7日
    200
  • 表情符号化

    表情符号 emojify 是一个可自定义的表情符号轨迹 javascript 库,可跟随鼠标光标,将趣味性和个性嵌入到任何网页中。 在 github 上为项目加注星标 安装 cdn 使用 cdn 导入 emojify。 import emo…

    2025年3月7日
    200
  • 简化本地化

    本地化在现代 web 开发中至关重要,但往往很麻烦。管理翻译文件、确保一致性和集成更新可能会变得繁重,尤其是在大型代码库中。传统的 i18n 库需要开发人员手动处理这些复杂性,从而导致效率低下和潜在的错误。 现有 i18n 库的问题 许多现…

    2025年3月7日
    200
  • 恩卡什 v !!

    我很高兴地宣布 Encache v1.1.0 发布。引入重大更改和包改造. 功能变化 推出新政策,使选项总数达到6种。引入内部记录器,极大地改善缓存 可追溯性.期待已久的介绍键()和重置()方法. 旧代码改进 重大代码修改,删除旧的依赖项性…

    2025年3月7日
    200
  • 可以在 JavaScript 中解构数组并使您的代码看起来干净

    你好! ? 我希望你做得很棒!这是smy! ? 今天,我们将深入研究一些很酷的 javascript 数组解构魔法! ? ? 内容: ⚡ 等等什么? ⚡但是为什么呢? 立即学习“Java免费学习笔记(深入)”; ⚡但是怎么办? 1️⃣ 按时…

    2025年3月7日
    200
  • 您不需要设置超时时间

    我知道计时器已经成为很多人在日常任务中使用的功能一段时间了。在 javascript 世界中,计时器通常使用 settimeout 或 setinterval 函数来实现,如果你这样做的话,坏消息是这不是一个好的做法,我会尝试解释原因。 在…

    2025年3月7日 编程技术
    200
  • Vuejs 中的轻松重构:Vue 混乱检测器指南

    想象一下继承一个已经存在了几年的 vue.js 或 nuxt.js 项目。最初的开发人员已经离开,代码库充满了不一致的地方,每一个小的变化都感觉可能会破坏其他东西。您发现自己正在筛选数百行过时的代码,试图理解既没有记录又不简单的逻辑。组件杂…

    2025年3月7日
    200

发表回复

登录后才能评论