`
paladin1988
  • 浏览: 320394 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript中使用For In遍历对象

 
阅读更多


Javascript中的For in类似于Java中增强的For循环,非常好用。。



格式:


for(var variable in obj)
{
    statement
}

 

例子:

 

<script language="javascript" type="text/javascript">
    function Apple()
    {
        this.color  = 'Red';
        this.weight = '10kg';
        this.name   = 'Red Apple';
    }

    var apple = new Apple();
    //definition prop as temp var
    for (var prop in apple)
    {
        // get property name by prop 
        // get property value by obj[prop] 
        document.write( prop + " : "+ apple[prop] + "<br>")
    }
</script>
 
分享到:
评论

相关推荐

    JavaScript中for-in遍历方式示例介绍

    摘要:for-in遍历方式的循环计数器是字符串类型,遍历对象时为对象属性/方法名,遍历数组时为数组元素下标索引,与普通的for循环不同,for-in会将继承的属性/方法列出,这一点在使用时需要特别关注。 除了传统的for...

    【JavaScript源代码】详解JS对象遍历的顺序问题.docx

    详解JS对象遍历的顺序问题  可能有些同学听过在 ...遍历对象的方法有很多种,我们经常会使用的有 for...in ,除此之外,还有:  Object.keys Object.entries Obejct.getOwnerProPertyNames Reflect.ownKeys

    javascript for-in有序遍历json数据并探讨各个浏览器差异

    object本身就是无对象的集合,因此在用 for-in 语句遍历对象的属性时,遍历出的属性顺序与对象定义时不同。 了解W3C标准: 根据 ECMA-262(ECMAScript)第三版中描述,for-in 语句的属性遍历的顺序是由对象定义时...

    Javascript中的for in循环和hasOwnProperty结合使用

    与in操作符相比,for in 在循环对象的属性时也会遍历原型链,for in 不会读取不可枚举属性,如数组的length属性。 小结 当检测某个对象是否拥有某个属性时,hasOwnProperty 是唯一可以完成这一任务的方法,在 for in...

    Javascript 遍历对象中的子对象

    代码如下:var json_obj = { pos1:{x1:123, x2:234, y1:222, y2:333}, pos2:{x1:999, x2: 888, y1:777, y2:666} }; for (var p in json_obj) { ... } 这个方法也可以扩展一下,比如遍历对象中的属性,对象中的函数等。

    Javascript技巧之不要用for in语句对数组进行遍历

    一,为什么不要用for in语句 ... } 第一个for in遍历的目标是个匿名对象,没有问题。 第二个for in遍历,根据上下文确认this[i]是一个数组对象(Array)。 很多JS先驱者都告诫过我们不要对数组对象使用for in语句进行

    数组Array进行原型prototype扩展后带来的for in遍历问题

    通常在JavaScript中用for与for in遍历数组结果是没有什么区别的,它的循环变量i都是从0开始的数组索引(for in如果遍历的是非数组对象的属性集合,则这个i就是属性名,或称之为key)。另外要注意一点是:用for in...

    JavaScript中遍历对象的property的3种方法介绍

    可以使用for/in语句遍历对象自身的property(Own Property)及其从原型对象处继承的property,只有enumerable的property才会被遍历到。 2.Object.keys()。可以将对象作为参数传入Object.keys(),Object.keys()语句将...

    Web前端开发技术-创建对象.pptx

    使用for…in语法可以遍历对象中的所有属性和方法,示例代码如下: 创建对象 2. 遍历对象的属性和方法 使用in运算符判断一个对象中的某个成员是否存在。 var obj = {name: 'Tom', age: 16}; console.log('age' in obj...

    javascript数组遍历for与for in区别详解

    js中遍历数组的有两种方式 ...标准的for循环中的i是number类型,表示的是数组的下标,但是foreach循环中的i表示的是数组的key是string类型,因为js中一切皆为对象。自己试试 alert&#40;typeof i&#41;;这个区别是小问题。现

    Javascript中八种遍历方法的执行速度深度对比

    本篇将带你走进JavaScript遍历的世界, 享受分析JS循环的快感. 本篇所有代码都可以直接运行, 希望您通读本篇后, 不止是浏览, 最好是亲手去实践下. 概述 js有如下两种数据需要经常遍历 数组(Array) 对象(Object) ...

    javascript中的遍历for in 以及with的用法

    for in 循环执行一个对象中的属性 with语句: (对象操作语句)  功能:为一段程序建立默认对象  格式: 代码如下:  with(&lt;对象&gt;){  &lt;语句组&gt;  } 具体示例: 代码如下: [removed] function member(name,...

    JavaScript简单遍历DOM对象所有属性的实现方法

    本文实例讲述了JavaScript遍历DOM对象所有属性的实现方法。分享给大家供大家参考,具体如下: DOM对象的HTML: 复制代码 代码如下:&lt;button id=”btnToggleState” onclick=”toggleStateManagement()”&gt;...

    JS遍历对象属性的方法示例

    本文实例讲述了JS遍历对象属性的方法。分享给大家供大家参考,具体如下: 遍历JavaScript某个对象所有的属性名称和值的方法,这样想使用方法的时候非常的直观和方便。代码如下: /* * 用来遍历指定对象所有的属性...

    Javascript学习笔记之数组的遍历和 length 属性

    尽管数组在 Javascript 中是对象,但是不建议使用 for in 循环来遍历数组,实际上,有很多理由来阻止我们对数组使用 for in 循环。 因为 for in 循环将会枚举原型链上的所有属性,并且唯一阻止的方法是使用 ...

    JavaScript 中的12种循环遍历方法【总结】

    1、for 循环 let arr = [1,2,3]; for (let i=0; i&lt;arr.length; i++){ console.log(i,arr[i]) } ...for 循环是 Js 中最常用的一个循环工具,经常...for in 循环主要用于遍历普通对象,i 代表对象的 key 值,obj[i] 代

    javascript遍历文件夹

    FSO对象有Drives属性,他就是你需要的,比如下面这段vbs代码,就是遍历盘符 Function ShowDriveList Dim fso, d, dc, s, n Set fso = CreateObject("Scripting.FileSystemObject") Set dc = fso.Drives For ...

    【JavaScript源代码】JavaScript 中的六种循环方法.docx

    JavaScript 中的六种... } for...in循环可以用来遍历对象的可枚举属性列表(包括原型链上的属性) const myObject={}; Object.defineProperty(myobject,"a",{ //可枚举 enumerable:true, value:2, }) Object

    JavaScript中for..in循环陷阱介绍

    大家都知道在JavaScript中提供了两种方式迭代对象: (1)for 循环; (2)for..in循环; 使用for循环进行迭代数组对象,... 案例一: 代码如下: //使用for..in循环遍历对象属性 varperson={ name: “Admin”, age: 21, a

Global site tag (gtag.js) - Google Analytics