JavaScript中的for in循环

比眉伴天荒 2021-09-17 05:44 362阅读 0赞

在学习AJAX的时候，发现JavaScript中for in循环，**这种循环对于遍历JSON是很好用的**。于是写下了这篇博文

# 作用 #

for **in循环本质上是forEach循环**，它主要有两个作用

*  遍历数组
 *  **遍历JavaScript对象**

## 遍历数组 ##

当使用for in来遍历数组的时候，它的**循环计数器是数组元素的索引值**

var a = ['a', 'b', 'c'];
        for(var index in a) { alert(index); }

### 效果： ###

![这里写图片描述][SouthEast]

## 遍历JavaScript对象 ##

当使用for in来遍历对象的时候，它的**循环计数器是对象的属性名**

//对象json上，包含了两个对象a和b属性
        var json = {a:{num:1},b:{num:2}};
    
        for(var name in  json){
            alert(name);
        }

### **效果** ###

![这里写图片描述][SouthEast 1]

<script type="text/javascript"> $(function () \{ $('pre.prettyprint code').each(function () \{ var lines = $(this).text().split('\\n').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) \{ $numbering.append($('<li/>').text(i)); \}; $numbering.fadeIn(1700); \}); \}); </script>

[SouthEast]: /images/20210827/c9b8910912a94ed1aaa9ac51a6b6eca2.png
[SouthEast 1]: /images/20210827/291afb0d9fcf41f295c826bbae360aca.png

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript 中使用 for-in 循环遍历集合的详解

系列文章目录 -------------------- 文章目录系列文章目录前言一、使用 for-in 循环遍历数组二、使用 fo

朴灿烈づ我的快乐病毒、/ 2023年10月12日 22:40/ 0 赞/ 5 阅读

相关 javascript基础：　for in循环

形式为： for ( i in c){ alert(i); alert(c[i]); } 注意，对于数组来说，该变量存储的

àì夳堔傛蜴生んèń/ 2023年08月17日 17:33/ 0 赞/ 117 阅读

相关 for in 循环

文章地址: [https://www.cnblogs.com/sandraryan/][https_www.cnblogs.com_sandraryan] //

àì夳堔傛蜴生んèń/ 2023年06月05日 08:11/ 0 赞/ 121 阅读

相关 JavaScript的for in循环中hasOwnProperty()的作用

学习JavaScript时遇到hasOwnProperty()，网上搜索了一些资料，主要是下面这些： 1.hasOwnProperty()函数用于指示一个对象自身(不包括原

妖狐艹你老母/ 2023年01月05日 05:10/ 0 赞/ 148 阅读

相关 js中for in 循环

for in 一般用于你不知道该数组或者 [JSON][] 中包含哪些元素,而进行遍历。例如有一个元素未知的[JSON][]对象： var clnums =

偏执的太偏执、/ 2022年06月15日 02:52/ 0 赞/ 242 阅读

相关 javascript中的for in循环和for循环的使用

原文链接： [http://caibaojian.com/js-loop-for-in.html][http_caibaojian.com_js-loop-for-in.htm

向右看齐/ 2022年06月13日 11:48/ 0 赞/ 312 阅读

相关 JS中for 循环与 for in 循环的区别

首先得先介绍一下什么是for 循环，什么是for in循环 for循环语法： for (设置初始值;设置循环执行的条件;步长累加){ //条件成立，

末蓝、/ 2022年06月05日 04:13/ 0 赞/ 263 阅读

相关 JavaScript-for~in循环

`for...in`语句以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行。语法： for (variable in object) \{

朱雀/ 2022年04月18日 05:20/ 0 赞/ 290 阅读

相关 JavaScript中的for in循环

在学习AJAX的时候，发现JavaScript中for in循环，这种循环对于遍历JSON是很好用的。于是写下了这篇博文作用 for in循环本质上是forEach循

比眉伴天荒/ 2021年09月17日 05:44/ 0 赞/ 363 阅读

相关 JavaScript中for循环的使用

For 循环 for 循环的语法如下： for (语句 1; 语句 2; 语句 3) \{ 要执行的代码 \} 语句1在循环开始之前执行

Love The Way You Lie/ 2021年07月25日 01:09/ 0 赞/ 495 阅读