脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js forEach，for in，for of循环

js中forEach，for in，for of循环的用法示例小结

 更新时间：2020年03月14日 10:13:55   作者：jadeshu  
这篇文章主要介绍了js中forEach，for in，for of循环的用法,结合实例形式总结分析了js中forEach，for in，for of循环相关使用技巧与操作注意事项,需要的朋友可以参考下

本文实例讲述了js中forEach，for in，for of循环的用法。分享给大家供大家参考，具体如下：

一、一般的遍历数组的方法:

var array = [1,2,3,4,5,6,7];
for (var i = 0; i < array.length; i++) {
  console.log(i,array[i]);
}

二、用for in的方遍历数组，得到的是索引

var array = [1,2,3,4,5,6,7];
for(let index in array) {
  console.log(index,array[index]);
};

三、forEach，得到的是元素

var array = [1,2,3,4,5,6,7];

array.forEach(e=>{
  console.log(e);
});

array.forEach(function(e){
  console.log(e);
});

四、用for in不仅可以对数组,也可以对enumerable对象操作!得到的是索引

var table = {
  a : 10,
  b : true,
  c : "jadeshu"
};

for(let index in table) {
  console.log(index, table[index]);
}

五、在ES6中,增加了一个for of循环，得到的是元素

var array = [1,2,3,4,5,6,7];

for(let ele of array) {
  console.log(ele);
};

var str = "helloabc";
for(let ele of str) {
  console.log(ele);
}

for of不能对象用

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

PS：这里再为大家推荐一款JS数组遍历方式分析对比工具供大家参考：

在线JS常见遍历方式性能分析比较工具：http://tools.jb51.net/aideddesign/js_bianli

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法

    javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方

    今天更升级了ie8,发现原来在ie7下可以运行的代码，不能运行了，发现了一些细节，附临时修改办法。
    2009-11-11
  • js删除数组元素、清空数组的简单方法(必看)

    js删除数组元素、清空数组的简单方法(必看)

    下面小编就为大家带来一篇js删除数组元素、清空数组的简单方法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JavaScript面向对象编程实现模拟

    JavaScript面向对象编程实现模拟

    面向对象编程(Object Oriented Programming)将现实世界中的复杂关系抽象成一个个对象,通过对象之间的分工合作对现实世界进行模拟
    2022-10-10
  • JS扁平化输出数组的2种方法解析

    JS扁平化输出数组的2种方法解析

    这篇文章主要介绍了JS扁平化输出数组的2种方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • JS数组交集、并集、差集的示例代码

    JS数组交集、并集、差集的示例代码

    本篇文章主要介绍了JS数组交集、并集、差集的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • javascript中判断json的方法总结

    javascript中判断json的方法总结

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的API或工具包，接下来跟着小编学习js中判断json的方法吧
    2015-08-08
  • DWR中各种java方法的调用

    DWR中各种java方法的调用

    DWR是一个框架，简单的说就是能够在javascript直接调用java方法，而不必去写一大堆的javascript代码。它的实现是基于ajax的，可以实现无刷新效果。不少DWR的例子，但大都只是某种方法的调用只在使用层面上介绍DWR，并不涉更多的技术与设计javascript中是如何调用的。
    2016-05-05
  • 关于ExtJS4.1:快捷键支持的问题

    关于ExtJS4.1:快捷键支持的问题

    本篇文章小编为大家介绍，关于ExtJS4.1 快捷键支持的问题。需要的朋友参考下
    2013-04-04
  • ES6 更易于继承的类语法的使用

    ES6 更易于继承的类语法的使用

    这篇文章主要介绍了ES6 更易于继承的类语法的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • 用JS做的简单的可折叠的两级树形菜单

    用JS做的简单的可折叠的两级树形菜单

    可折叠的树形菜单想必大家并不陌生吧，实现方法有多种，在本文将为大家介绍下js是如何实现的，希望对大家有所帮助
    2013-09-09

最新评论