首页 > 软件开发 > JavaScript >

如何使用JavaScript几种遍历获取数组元素和序号

来源:互联网 2023-03-16 23:58:21 302

在JavaScript中的常用方法中,可以使用循环方法获取数组中的元素,for循环语句可以获取数组元素,for...of语句跟for语句一样,而for...in语句是获取数组的索引。下面利用几个实例说明这三个循环的区别,操作如下:TkG办公区 - 实用经验教程分享!

如何使用JavaScript几种遍历获取数组元素和序号TkG办公区 - 实用经验教程分享!

工具/原料

  • JavaScript
  • HBuilder
  • HTML5
  • CSS3
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,双击打开HBuilder编辑工具,新建静态页面arr.html,使用默认的HTML5模板,如下图所示:TkG办公区 - 实用经验教程分享!

    如何使用JavaScript几种遍历获取数组元素和序号TkG办公区 - 实用经验教程分享!

  • 2

    第二步,在初始化函数内,定义一个数组y并赋值,利用for循环语句遍历数组元素,如下图所示:TkG办公区 - 实用经验教程分享!

    如何使用JavaScript几种遍历获取数组元素和序号TkG办公区 - 实用经验教程分享!

  • 3

    第三步,保存该静态页面,并在浏览器中查看打印结果,打开控制台,如下图所示:TkG办公区 - 实用经验教程分享!

    如何使用JavaScript几种遍历获取数组元素和序号TkG办公区 - 实用经验教程分享!

  • 4

    第四步,将for循环语句改为for...of语句,并再次打印结果,为了区别for循环语句,添加一个字符串,如下图所示:TkG办公区 - 实用经验教程分享!

    如何使用JavaScript几种遍历获取数组元素和序号TkG办公区 - 实用经验教程分享!

  • 5

    第五步,再次保存代码并在浏览器中查看打印结果,可以发现打印结果跟for语句打印一样,如下图所示:TkG办公区 - 实用经验教程分享!

    如何使用JavaScript几种遍历获取数组元素和序号TkG办公区 - 实用经验教程分享!

  • 6

    第六步,最后将for...of语句改为for...in语句,接着在浏览器查看打印结果,为数组索引,如下图所示:TkG办公区 - 实用经验教程分享!

    如何使用JavaScript几种遍历获取数组元素和序号TkG办公区 - 实用经验教程分享!

  • 6相关内容未经许可获取自百度经验
  • 注意事项

    • 注意JavaScript中的for...of和for...in的区别
    • 注意调用JavaScript中的循环语句遍历数组元素和获取索引

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!TkG办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码