首页 / 问答 / JavaScript(js)中如何循环遍历一个数组的所有元素呢?

JavaScript(js)中如何循环遍历一个数组的所有元素呢?

array javascript js 数组 1.2K 次浏览
0

JavaScript(js)中,如何循环遍历一个数组中的所有元素呢?有哪些循环遍历的方式呢?

回复 [×]
提交评论
请输入评论内容

3 个回答

  • 0

    在JavaScript(js)中,循环遍历一个数组的方式有多种,比如:

    1.使用for-of(ES2015+)
    ES2015中数组新增了JavaScript的迭代器,数组是可迭代的,可迭代对象为它们的值提供了迭代器。新的for-of语句循环遍历迭代器返回的值,如下:

    const a = ["a", "b", "c"];
    for (let val of a) {
        console.log(val);
    }
    

    输出结果:

    a
    b
    c
    

    2.使用forEach(ES5)

    如果只处理同步代码(或者不需要在循环期间等待异步进程完成),你可以使用forEach,示例如下:

    const a = ["a", "b", "c"];
    a.forEach((entry) => {
        console.log(entry);
    });
    

    forEach接受一个回调函数和一个可选的值,以便在调用该回调时使用(上面没有使用)。为了跳过稀疏数组中不存在的项,将对数组中的每个项调用回调函数。

    3.使用传统的for循环

    const a = ["a", "b", "c"];
    for (let index = 0; index < a.length; ++index) {
        console.log(a[index]);
    }
    
    Rector的个人主页

    Rector

    2021-10-07 回答

    • 0

      ES6中,可以使用of语法,示例如下:

      list = [0, 1, 2, 3]
      for (let obj of list) {
          console.log(obj)
      }
      
      Rector的个人主页

      Rector

      2021-10-07 回答

      • 0

        如果使用jQuery,则有如下的遍历方式:

        var a = [3, 2];
        // 方式一
        $(a).each(function () {
            console.log(this.valueOf())
        });
        // 方式二
        $.each(a, function () {
            console.log(this.valueOf())
        });
        // 方式三
        $.each($(a), function () {
            console.log(this.valueOf())
        });
        
        Rector的个人主页

        Rector

        2021-10-07 回答

        我来回答