JavaScript循环遍历常用的几种方法

「爱情、让人受尽委屈。」 2024-03-26 18:28 69阅读 0赞

#### 1，for循环 ####

for循环是最常用的循环遍历方法，可以遍历数组、对象等数据类型

for (let i = 0; i < arr.length; i++) {
        
      console.log(arr[i]);
    }

for (let key in obj) {
        
      console.log(key + ': ' + obj[key]);
    }

通过初始化变量，判断循环条件，更新变量值来达到循环遍历的目的；

for (let i = 0; i < 10; i++) {
        
      console.log(i);
    }

#### 2，forEach方法 ####

forEach方法是数组的方法，可以遍历数组每个元素

arr.forEach(function(item) {
        
      console.log(item);
    });

可以对数组的每个元素执行指定的操作，不需要额外的计数器变量  
例如，遍历一个数组：

const arr = [1, 2, 3, 4, 5];
    arr.forEach(item => {
        
      console.log(item);
    });

#### 3，map方法 ####

map方法也是数组的方法，可以遍历数组每个元素并返回一个新的数组。

let newArr = arr.map(function(item) {
        
      return item * 2;
    });
    console.log(newArr);

#### 4，while循环 ####

while循环可以在满足条件时重复执行代码块。

let i = 0;
    while (i < arr.length) {
        
      console.log(arr[i]);
      i++;
    }

#### 5，do…while循环 ####

do…while循环与while循环类似，但是会先执行一次代码块，然后再检查条件是否满足。

let i = 0;
    do {
        
      console.log(arr[i]);
      i++;
    } while (i < arr.length);

#### 6，for…in循环 ####

for…in循环可以遍历对象的属性。

for (let key in obj) {
        
      console.log(key + ': ' + obj[key]);
    }

需要注意的是，for…in循环不保证属性的遍历顺序，而且会遍历到原型链上的属性，可能会导致不可预期的结果。因此，在遍历对象时，建议使用其他方法或者结合使用Object.keys()、Object.values()或Object.entries()等方法。

#### 7，for…of循环 ####

for…of循环是ES6新增的循环语法，可以遍历可迭代对象（如数组、字符串等）的元素。

for (let item of arr) {
        
      console.log(item);
    }
    for (let char of str) {
        
      console.log(char);
    }

以上是JavaScript循环遍历常用的几种方法，不同的循环方法适用于不同的场景，需要根据具体情况选择使用。

发表评论取消回复

表情：

评论列表（有 0 条评论，69人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript循环遍历常用的几种方法

1，for循环 for循环是最常用的循环遍历方法，可以遍历数组、对象等数据类型 for (let i = 0; i < arr.length; i++) {

「爱情、让人受尽委屈。」/ 2024年03月26日 18:28/ 0 赞/ 70 阅读

相关 JavaScript循环遍历

JavaScript循环遍历 for() 遍历数组元素 forEach() 遍历数组元素 map() 遍历数组元素 for…in 可循环对象和数组

比眉伴天荒/ 2023年10月06日 19:34/ 0 赞/ 62 阅读

相关 JS常用的循环遍历

数组遍历 for、forEach、for …of const list = [1, 2, 3, 4, 5, 6, 7, 8,, 10, 11];

港控/mmm°/ 2022年10月16日 14:22/ 0 赞/ 207 阅读

相关 JS常用的循环遍历你会几种

前言数组和对象作为一个最基础数据结构，在各种编程语言中都充当着至关重要的角色，你很难想象没有数组和对象的编程语言会是什么模样，特别是 JS ，弱类型语言，非常灵活。本文

- 日理万妓/ 2022年10月16日 03:55/ 0 赞/ 219 阅读

相关 Dictionary几种遍历方法

Dictionary<string, int> list = new Dictionary<string, int>(); list.Add("d", 1);

你的名字/ 2022年10月02日 15:56/ 0 赞/ 227 阅读

相关遍历Map的几种方法

public static void main(String\[\] args) \{ Map<String, String> map = new HashMap

谁借莪１个温暖的怀抱￠/ 2022年08月26日 04:50/ 0 赞/ 264 阅读

相关循环遍历的几种方法

1. for循环 1) Array数组 for(let i=0,len=arr.length;i<len;i++)\{ console.log(arr\

柔光的暖阳◎/ 2022年06月04日 06:08/ 0 赞/ 346 阅读

相关遍历Map的几种方法

> 总体思路：遍历map 就要把map变成set去处理一种是map.keySet(),得到的是set的链表，只存储key 二种是map.entrySet(),得

曾经终败给现在/ 2022年06月02日 08:26/ 0 赞/ 294 阅读

相关 JavaScript 有哪些常用的遍历循环方法总结

一.for循环最常见的遍历方法，用来遍历数组，学过编程语言的基本都知道怎么用，如下： var a = [1, 2, 3, 4, 5]; for (va

雨点打透心脏的1/2处/ 2022年05月25日 07:36/ 0 赞/ 252 阅读

相关 JavaScript循环遍历方法

学习js这么久，碰到了各种循环遍历的方法，在这里总结一下： 1.for 2.while 太简单就不叙述了！！！ --------------------

逃离我推掉我的手/ 2022年05月11日 15:26/ 0 赞/ 261 阅读