`

遍历Javascript对象的所有属性和方法

Javascript遍历对象 
阅读更多
网上流行的一段遍历Javascript对象的所有属性和方法的代码如下:
参考: http://coral0212.iteye.com/blog/436462 
javascript遍历对象属性和方法

function allPrpos(obj) {
    // 用来保存所有的属性名称和值
    var props = "";
    // 开始遍历
    for(var p in obj){
      // 方法
      if(typeof(obj[p])=="function"){
      obj[p]();
      }else{
      // p 为属性名称，obj[p]为对应属性的值
      props+= p + "=" + obj[p] + "\t";
      }
     }
    // 最后显示所有的属性
    alert(props);
}

上面的obj[p]();这句什么用的?
答:经过判断 obj[p]这个其实是一个函数,后面加上() 表示执行那个函数.放到这里没什么意思
注释掉这句,貌似输出也没什么变化.
另外,if(typeof(obj[p])=="function") 这句判断,貌似也不需要,因为去掉判断,直接遍历,输出也不变.
下面是测试代码: 
<html>
<head>
<title>一个使用到for...in循环的Javascript示例</title>
</head>
<body>
<script type="text/javascript">

	function allPrpos ( obj )
	{
		// 用来保存所有的属性名称和值
		var props = [] ;
		// 开始遍历
		for ( var p in obj )
		{
			// 方法
			if ( typeof ( obj [ p ]) == " function " )
			{
				obj [ p ]() ;
			} 
			else 
			{
				// p 为属性名称，obj[p]为对应属性的值
				//document.writeln( "<pre>" + p + " = " + obj [ p ] + "</pre> </br> ");
			}
			document.write( "<pre>" + p + " = " + obj [ p ] + "</pre> ");
		}
	}

	allPrpos(window);
	
</script>
</body>
</html>
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    遍历对象属性的方法主要有以下几种： 1. **for...in循环**： 这是最常用的遍历对象属性的方式。`for...in`循环会遍历对象的所有可枚举属性，包括其原型链上的属性。例如： ```javascript let obj = {name: '...

    js 实现 JavaScript遍历对象中的所有属性

    js 实现 JavaScript遍历对象中的所有属性! 值得下载看看!资源免费,大家分享!!

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

    上述代码将会遍历`obj`对象的所有属性和方法，并将它们的名称（不包括方法的具体实现）显示在一个弹出框中。这段代码将提供一个对元素可用的所有属性和方法的概览。 2. 遍历DOM对象在HTML标签中设置过的属性 ```...

    idx遍历JavaScript对象和数组属性的实用工具

    "idx"是一个实用工具库，专为遍历JavaScript对象和数组属性而设计，它简化了对这些数据结构的访问和操作。 在JavaScript中，对象可以看作是键值对的集合，而数组则是一系列有序元素的集合。遍历这些数据结构通常...

    jquery动态遍历Json对象的属性和值的方法

    在JavaScript编程中，遍历JSON对象的属性和值是一项常见的任务，这有助于处理和操作数据。jQuery库提供了方便的方式来操作DOM以及处理JavaScript对象，包括JSON。以下是对标题和描述中所述知识点的详细解释： 1. **...

    javascript遍历json对象的key和任意js对象属性实例.docx

    对于JSON对象（本质上是JavaScript对象的一种）和其他类型的对象，我们可以利用不同的方法来访问其所有的键（key）或属性。本文将详细介绍几种常用的遍历技术，并通过示例代码展示如何实现。 #### 方法一：使用`...

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

    总之，JavaScript提供了多种方式来遍历对象的属性和值，选择哪种方法取决于具体的需求，如是否需要处理继承的属性、是否需要访问Symbol属性等。在实际编程中，理解并灵活运用这些方法能够帮助我们更有效地操作和管理...

    JS遍历页面所有对象属性及实现方法

    在本文中，我们将深入探讨如何遍历JavaScript对象的属性和方法，这对于理解和调试代码至关重要。 首先，`for...in`循环是JavaScript中遍历对象属性的一种基本方式。在给出的示例中，我们创建了一个名为`myObject`的...

    遍历json 对象的属性并且动态添加属性的实现

    遍历JSON对象属性的常用方法是for-in循环，如下： ```javascript for (var item in person) { if (typeof person[item] === 'string') { alert("person中" + item + "的值=" + person[item]); } elseif (typeof ...

    js遍历属性 以及 js prototype 和继承

    在JavaScript中，遍历属性、理解`prototype`和掌握...总结，遍历JavaScript对象的属性有多种方法，而`prototype`和继承机制是实现面向对象编程的关键。理解并熟练运用这些概念，将有助于编写更高效、更可维护的代码。

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

    通过这篇文章的介绍，我们可以了解到在JavaScript中遍历对象获取属性值的一种基础方法。掌握了这一技能，开发者就可以更加自如地处理复杂的数据结构，并在前端开发中实现更加丰富和动态的用户界面。

    js 遍历对象的属性的代码

    总结来说，遍历JavaScript对象的属性通常使用`for...in`语句，但要区分对象自身的属性与继承的属性，可以结合使用`hasOwnProperty`方法。在处理复杂的继承关系和属性时，理解这些细节至关重要，以便有效地管理和操作...

    js代码-vue 遍历对象的所有属性增加变化侦测 1

    在JavaScript和Vue.js开发中，实现对象属性的变化侦测是一项重要的功能，这使得我们能够实时监控数据的变化并触发相应的更新操作。Vue.js框架提供了一种称为"响应式系统"的机制，它能自动追踪和响应数据变化。在这个...

    Javascript如何遍历一个文件夹下的所有文件与目录

    ### JavaScript遍历文件夹下的所有文件与目录 在JavaScript中，遍历文件夹下的所有文件与目录是一项常见的任务，尤其是在需要处理本地文件系统时。本文将详细介绍如何使用`Scripting.FileSystemObject`对象来实现这...

    javascript遍历json对象的key和任意js对象属性实例

    使用 keys 方法获取该对象的属性和方法： function Pasta(grain, width, shape) { this.grain = grain; this.width = width; this.shape = shape; this.toString = function () { return (this.grain + ", " ...

    Ajax基本对象的属性和方法

    Ajax 基本对象是指在异步 JavaScript 和 XML（AJAX）技术中使用的基本对象，该对象提供了一些属性和方法来处理 XML 的 DOM 元素和遍历 XML 的 DOM 元素。下面是 Ajax 基本对象的属性和方法的详细介绍： 属性 Ajax ...

Magicbox
Global site tag (gtag.js) - Google Analytics