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


Posted in Javascript onJanuary 10, 2017

本文实例讲述了JS遍历对象属性的方法。分享给大家供大家参考,具体如下:

遍历JavaScript某个对象所有的属性名称和值的方法,这样想使用方法的时候非常的直观和方便。代码如下:

/*
* 用来遍历指定对象所有的属性名称和值
* obj 需要遍历的对象
* author: Jet Mah
*/
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 ) ;
}

AJAX的JavaScript的反射机制,反射机制指的是程序在运行时能够获取自身的信息。例如一个对象能够在运行时知道自己有哪些方法和属性。 在JavaScript中利用for(…in…)语句实现反射,其语法如下:

<script type="text/javascript">
// 创建一个对象 myObject 以及三个属性 sitename, siteurl, sitecontent。
var myObject = new Object();
myObject.sitename = "sara";
myObject.siteurl = "https://3water.com/";
myObject.sitecontent = "3water三水点靠木";
//遍历对象的所有属性
for (prop in myObject)
{
document.write("属性 '" + prop + "' 为 " + myObject[prop]);
document.write(" ");
}
</script>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
关于文本框的一些限制控制总结~~
Apr 15 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
Mar 04 Javascript
js 判断上传文件大小及格式代码
Nov 13 Javascript
JS取文本框中最小值的简单实例
Nov 29 Javascript
Node.js模块封装及使用方法
Mar 06 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
Dec 25 Javascript
Bootstrap模态框使用详解
Feb 15 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
通过命令行生成vue项目框架的方法
Jul 12 Javascript
解决layUI的页面显示不全的问题
Sep 20 Javascript
js重写alert事件(避免alert弹框标题出现网址)
Dec 04 Javascript
JavaScript声明变量和数据类型的转换
Apr 12 Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 #Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 #Javascript
js实现背景图自适应窗口大小
Jan 10 #Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 #Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 #Javascript
ajax实现动态下拉框示例
Jan 10 #Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
Jan 10 #Javascript
You might like
从一个不错的留言本弄的mysql数据库操作类
2007/09/02 PHP
PHP 程序员的调试技术小结
2009/11/15 PHP
php中经典方法实现判断多维数组是否为空
2011/10/23 PHP
ThinkPHP CURD方法之page方法详解
2014/06/18 PHP
PHP实现绘制3D扇形统计图及图片缩放实例
2014/10/01 PHP
js每次Title显示不同的名言
2008/09/25 Javascript
Prototype Selector对象学习
2009/07/23 Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
2011/01/17 Javascript
jquery应该如何来设置改变按钮input的onclick事件
2012/12/10 Javascript
动态加载script文件的两种方法
2013/08/15 Javascript
浅析hasOwnProperty方法的应用
2013/11/20 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
2014/03/12 Javascript
jQuery使用ajaxSubmit()提交表单示例
2014/04/04 Javascript
gridview生成时如何去掉style属性中的border-collapse
2014/09/30 Javascript
angularjs中的单元测试实例
2014/12/06 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
举例讲解jQuery中可见性过滤选择器的使用
2016/04/18 Javascript
Knockoutjs 学习系列(一)ko初体验
2016/06/07 Javascript
JavaScript 节流函数 Throttle 详解
2016/07/04 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
2018/09/04 Javascript
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
vue.js iview打包上线后字体图标不显示解决办法
2020/01/20 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
2020/08/20 Javascript
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
python rsa 加密解密
2017/03/20 Python
Python随机函数random()使用方法小结
2018/04/29 Python
Python3从零开始搭建一个语音对话机器人的实现
2019/08/23 Python
详解css3 mask遮罩实现一些特效
2018/10/24 HTML / CSS
html5+css3进度条倒计时动画特效代码【推荐】
2016/03/08 HTML / CSS
法雷奥SQA(electric)面试问题
2016/01/23 面试题
竞选纪律委员演讲稿
2014/09/13 职场文书
龙猫观后感
2015/06/09 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
导游词之黄果树瀑布
2019/09/20 职场文书
浅谈哪个Python库才最适合做数据可视化
2021/06/28 Python