JavaScript中的for in循环

比眉伴天荒 2021-09-17 05:44 344阅读 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 条评论，344人围观）

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

相关阅读

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

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

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

相关 javascript 中 for in 的坑

var p; var obj = { x:10, y:20} for(p in obj){ } 用 for in

亦凉/ 2022年12月13日 01:24/ 0 赞/ 126 阅读

相关 javaScript中for...in的使用

function myFunction()\{ var x; var txt=""; var person=\{firstname:"Bill",lastname:

桃扇骨/ 2022年07月13日 14:59/ 0 赞/ 181 阅读

相关 js中for in 循环

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

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

相关 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 赞/ 244 阅读

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

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

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

相关 JavaScript-for~in循环

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

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

相关 JavaScript中的for循环语句

for 循环定义 for(初始化表达式;控制表达式;循环后表达式)\{ statement; \} 示例： var count = 5;

小灰灰/ 2022年02月28日 18:16/ 0 赞/ 331 阅读

相关 JavaScript中的for in循环

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

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

相关 JavaScript中for循环的使用

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

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