`
paladin1988
  • 浏览: 326333 次
  • 性别: 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遍历对象时,它会遍历对象的所有可枚举的属性和方法名。所谓可枚举的属性指的是那些在对象自身的属性中,并且属性特性中枚举标志为true的属性。这就意味着,for-in循环不仅遍历了对象自己定义的属性,还...

    JS for...in 遍历语句

    总之,`for...in`是JavaScript中遍历对象属性的重要工具,但在实际应用中应谨慎使用,尤其是在需要精确控制遍历顺序或避免处理继承属性的情况下。理解其工作原理和潜在问题,可以帮助开发者更有效地利用这一语法特性...

    JavaScript中利用for循环遍历数组

    相对地,`for...in`循环用于遍历对象的可枚举属性,包括其原型链上的属性。当应用于数组时,它并不按顺序遍历数组的元素,而是遍历数组的索引(作为字符串): ```javascript for (var k in arr) { console.log(k,...

    vue 解决遍历对象显示的顺序不对问题

    当我们在模板中使用`v-for`遍历这个对象并显示键时,输出顺序可能与原始数组的顺序不同。 问题的关键在于,当我们用数组中的元素创建对象时,浏览器并不保证按照数组的顺序来存储这些属性。这是因为在JavaScript中...

    for循环简单操作 数字的遍历

    - **遍历对象属性**:通过`for...in`循环遍历对象的可枚举属性。 ```javascript const obj = { name: 'John', age: 30 }; for (let prop in obj) { console.log(prop + ': ' + obj[prop]); } ``` - **无限循环**...

    遍历指定对象所有的属性名称和值.rar

    下面,我们将详细讨论如何在JavaScript中遍历对象的属性以及相关知识点。 在JavaScript中,对象是一组键值对的集合,键通常是字符串(属性名),而值可以是任意数据类型。遍历对象属性的方法主要有以下几种: 1. *...

    Javascript 遍历对象中的子对象

    首先,来看看遍历对象中的子对象。JavaScript中的对象可以包含其他对象作为其属性,也就是所谓的“子对象”。在上述的代码示例中,`json_obj` 是一个包含两个属性 `pos1` 和 `pos2` 的对象,这两个属性本身也是对象...

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

    在标题中提到的“数组Array进行原型prototype扩展后带来的for in遍历问题”,指的是当开发者在`Array.prototype`上添加自定义方法后,这些方法会被视为数组实例的属性,而`for...in`循环会遍历所有可枚举的属性,...

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

    如果使用for...in遍历一个经过原型扩展的数组对象,那么遍历的结果可能会包括原型链上新增加的方法,导致实际的遍历次数多于预期。例如,如果Array.prototype新增了toJSON方法,使用for...in遍历数组时,就会遍历到...

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

    在JavaScript中,遍历对象时的顺序并非完全随机,而是遵循一定的规则。对象的遍历顺序受到对象键类型的约束,并且通常不会严格按照插入顺序进行。具体来说: 1. **数字字符串键**:当键为类似于 `'1'`、`'200'` ...

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

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

    Javascript的数组与字典用法与遍历对象的属性技巧

    通过for...in循环遍历对象属性是一个有效的方法来查看对象中有哪些属性,以及在运行时动态检查对象的结构。 需要注意的是,尽管数组的用法非常灵活,Javascript中的数组并不是传统意义上的关联数组。关联数组,或者...

    javascript遍历对象的五种方式实例代码.docx

    在JavaScript中,遍历对象是一种常见的需求,尤其是在处理数据结构、状态管理以及执行各种动态操作时。本文将详细介绍五种常用的遍历对象的方法,并通过实例代码来演示每种方法的特点和适用场景。 #### 一、for......

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

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

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

    相比之下,`for...in`循环是用于遍历对象的属性,包括继承自原型链的属性。当应用于数组时,它会遍历数组的所有可枚举属性,不仅仅是数组元素: ```javascript for (var i in array) { // 访问数组的属性 array[i]...

    js简单遍历获取对象中的属性值的方法示例

    在本篇文章中,我们将重点介绍如何在JavaScript中使用for循环来遍历一个对象,并获取其内部数组对象中属性的值。通过一个具体的示例,我们将演示如何实现这一功能,并提供相关的代码段和解释。 首先,我们定义了一...

    js中遍历对象的属性和值的方法

    `for...in`循环会为对象中的每个属性(包括继承的属性)依次设置`Key`变量,然后可以通过`Statistics_Website_logo[Key]`获取对应的属性值。在这个例子中,`Websitelogo`变量被用来存储属性和值的组合,最终形成了一...

Global site tag (gtag.js) - Google Analytics