首页 > 编程语言 >JavaScript 循环

JavaScript 循环

时间:2023-01-29 11:55:43浏览次数:33  
标签:... arr console log JavaScript 循环 let

JavaScript 中有三种主要的循环类型: forwhiledo...while

  • for: 循环指定次数。

例如:

for (let i = 0; i < 5; i++) {
    console.log(i);
}
  • while: 当条件为真时循环。

例如:

let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}
  • do...while: 先执行一次,再判断条件。

例如:

let i = 0;
do {
    console.log(i);
    i++;
} while (i < 5);

JavaScript 还提供了一些高级循环控制语句,如 breakcontinue

  • break:终止循环。
  • continue: 跳过循环体中剩余的语句,直接进入下一次循环。

需要注意的是,当循环条件不正确时,会导致无限循环。所以在循环中需要注意条件的正确性。

 

在 JavaScript 中还有一种高级循环方式, 就是 for...offor...in

  • for...of: 遍历可迭代对象(如数组、字符串、Map、Set 等)中的每个元素。

例如:

let arr = [1, 2, 3];
for (let i of arr) {
    console.log(i);
}
  • for...in: 遍历对象中的属性。

例如:

let obj = {a:1, b:2, c:3};
for (let i in obj) {
    console.log(i);
}

需要注意的是,在使用for...in 时,会遍历对象的所有可枚举属性,包括继承的属性,而 for...of 仅遍历对象自身的属性

JavaScript 中的循环有很多种方式,可以根据需要进行选择。在编码时需要根据需要设置循环条件和循环次数,并避免无限循环和其它错误。

 

JavaScript 中还有一种循环控制方式,就是 forEach() 方法。

forEach() 方法是数组的一个方法,它可以遍历数组中的每个元素,并对其执行一个回调函数。

例如:

let arr = [1, 2, 3];
arr.forEach(function(element) {
    console.log(element);
});

也可以使用箭头函数简化代码:

let arr = [1, 2, 3];
arr.forEach(element => console.log(element));

还可以传递第二个参数,在回调函数中获取数组中元素的索引:

let arr = [1, 2, 3];
arr.forEach((element, index) => console.log(index, element));

需要注意的是,forEach() 方法不能终止循环或跳过当前元素,如果需要这样的控制,可以使用其他循环方式。

总之, forEach() 是一种简单易用的循环方式,可以用来简化数组遍历的代码,但不能提供其他的控制。

标签:...,arr,console,log,JavaScript,循环,let
From: https://www.cnblogs.com/yuzhihui/p/17072291.html

相关文章

  • JavaScript 赋值
    JavaScript中有多种赋值方式。1、基本赋值:使用等号"="进行赋值,例如leta=1。2、多变量赋值:使用逗号","将多个变量赋值成同一个值,例如leta=1,b=2。3、增......
  • JavaScript学习笔记—DOM之初识
    document浏览器为我们提供了一个document对象,是一个全局变量代表整个网页...<body><buttonid="btn">点我一下</button><script>//获取btn对象cons......
  • JavaScript学习笔记—DOM简介
    DOM(DocumentObjectModel)文档对象模型使用JS去操作网页的一组对象DOM属于WebAPI的一部分。WebAPI中定义了非常多的对象,通过这些对象可以完成对网页的各种操作(添加删......
  • JavaScript学习笔记—垃圾回收
    垃圾回收(Garbagecollection)如果一个对象没有任何的变量对其进行引用,那么这个对象就是一个垃圾垃圾对象的存在,会严重的影响程序的性能在JS中有自动的垃圾回收机制,这些......
  • JavaScript写一个连连看的游戏
    天天看到别人玩连连看,表示没有认真玩过,不就把两个一样的图片连接在一起么,我自己写一个都可以呢。使用Javascript写了一个,托管到github,在线DEMO地址查看:​​打......
  • Spring循环依赖问题
    先来说一个总结:1、通过构造函数的方式进行的BEAN创建,出现了循环依赖,没有办解决2、单例BEAN通过SET方法进行属性注入,可以通过提前暴露的方式(即三层缓存)进行解决3、如果是......
  • JavaScript 获取用户选择的文本
    constgetSelectedText=()=>window.getSelection().toString();getSelectedText();JQuery实例:$(function(){constgetSelectedText=()=>window.getSelect......
  • 数据可视化大屏高德地图javascript webAPI开发的智慧治安物联网管理系统实战解析(web
    文章目录​​高德地图开发系列文章目录​​​​前言​​​​一、项目说明​​​​二、核心代码开发​​​​1.引入库​​​​2.构建DOM容器​​​​3.高德地图开发​​​​(1......
  • 【人工智能原理自学】循环:序列依赖问题
    ......
  • JavaScript学习笔记—正则表达式
    用来定义一个规则通过这个规则计算机可以检查一个字符串是否符合规则或者将字符串中符合规则的内容提取出来也是JS中的一个对象,所以要使用正则表达式,需要先创建正则表达......