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 相关文章推荐
JS 实现双色表格实现代码
Nov 24 Javascript
有关js的变量作用域和this指针的讨论
Dec 16 Javascript
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
6种javascript显示当前系统时间代码
Dec 01 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
Dec 08 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
Feb 05 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 Javascript
JavaScript如何获取到导航条中HTTP信息
Oct 10 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
vue返回上一页面时回到原先滚动的位置的方法
Dec 20 Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 Javascript
JavaScript中如何调用Java方法
Sep 16 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
PHP mkdir()无写权限的问题解决方法
2014/06/19 PHP
ThinkPHP3.1新特性之对Ajax的支持更加完善
2014/06/19 PHP
PHP进程通信基础之信号
2017/02/19 PHP
jQuery学习笔记之DOM对象和jQuery对象
2010/12/22 Javascript
jQuery插件pagewalkthrough实现引导页效果
2015/07/05 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
2016/03/09 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
js实现的xml对象转json功能示例
2016/12/24 Javascript
JQueryMiniUI按照时间进行查询的实现方法
2017/06/07 jQuery
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
js+css3实现炫酷时钟
2020/08/18 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
2020/09/04 Javascript
vue项目查看vue版本及cli版本的实现方式
2020/10/24 Javascript
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
Python Property属性的2种用法
2015/06/21 Python
说一说Python logging
2016/04/15 Python
python调用摄像头显示图像的实例
2018/08/03 Python
在Mac下使用python实现简单的目录树展示方法
2018/11/01 Python
python绘制漏斗图步骤详解
2019/03/04 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
python简单鼠标自动点击某区域的实例
2019/06/25 Python
DJANGO-URL反向解析REVERSE实例讲解
2019/10/25 Python
Django Form and ModelForm的区别与使用
2019/12/06 Python
TensorFlow2.1.0最新版本安装详细教程
2020/04/08 Python
python字典与json转换的方法总结
2020/12/28 Python
意大利在线购买隐形眼镜网站:VisionDirect.it
2019/03/18 全球购物
世界上最大的艺术社区:SAA
2020/12/30 全球购物
介绍一下SQL中union,intersect和minus
2012/04/05 面试题
自考自我鉴定范文
2013/10/30 职场文书
在校硕士自我鉴定
2014/01/23 职场文书
班级年度安全计划书
2014/05/01 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
奖学金发言稿(范文)
2019/08/21 职场文书
python3实现常见的排序算法(示例代码)
2021/07/04 Python