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 相关文章推荐
Javascript 模式实例 观察者模式
Oct 24 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
Jan 04 Javascript
原生JS实现九宫格抽奖效果
Apr 01 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
Oct 21 Javascript
vue+element实现批量删除功能的示例
Feb 28 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
Mar 15 Javascript
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 Javascript
pm2发布node配置文件ecosystem.json详解
May 15 Javascript
详解React的回调渲染模式
Sep 10 Javascript
js异步接口并发数量控制的方法示例
Nov 22 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基础知识:类与对象(5) static
2006/12/13 PHP
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
解析PHP中的正则表达式以及模式匹配
2013/06/19 PHP
提升PHP性能的21种方法介绍
2013/06/25 PHP
php删除txt文件指定行及按行读取txt文档数据的方法
2017/01/30 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
PHP7引入的&quot;??&quot;和&quot;?:&quot;的区别讲解
2019/04/08 PHP
Javascript 网页水印(非图片水印)实现代码
2010/03/01 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
jquery ui resize 中border-box的bug修正
2015/04/26 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
2016/01/23 Javascript
JS去除重复并统计数量的实现方法
2016/12/15 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
2017/02/17 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
2017/03/25 Javascript
webpack学习教程之publicPath路径问题详解
2017/06/17 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
Node.js中sequelize时区的配置方法
2017/12/10 Javascript
详解vue 数据传递的方法
2018/04/19 Javascript
three.js着色器材质的内置变量示例详解
2020/08/16 Javascript
布同自制Python函数帮助查询小工具
2011/03/13 Python
python中的__slots__使用示例
2015/02/26 Python
Windows下实现Python2和Python3两个版共存的方法
2015/06/12 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
python批量读取文件名并写入txt文件中
2020/09/05 Python
jupyter notebook读取/导出文件/图片实例
2020/04/16 Python
python logging模块的使用
2020/09/07 Python
Django扫码抽奖平台的配置过程详解
2021/01/14 Python
Feelunique澳大利亚:欧洲的化妆品零售电商
2019/12/18 全球购物
我们没有写servlet的构造方法,那么容器是怎么创建servlet的实例呢
2013/04/24 面试题
工程力学硕士生的自我评价范文
2013/11/16 职场文书
大专生简历的自我评价
2013/11/26 职场文书
2014全年工作总结
2014/11/27 职场文书
婚宴邀请函
2015/01/30 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
90行Python代码开发个人云盘应用
2021/04/20 Python