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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
javascript 面向对象继承
Nov 26 Javascript
IE8 中使用加速器(Activities)
May 14 Javascript
javascript学习笔记(一) 在html中使用javascript
Jun 18 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 Javascript
详谈JavaScript内存泄漏
Nov 14 Javascript
jquery制作多功能轮播图插件
Apr 02 Javascript
AngularJS入门教程之AngularJS指令
Apr 18 Javascript
Vue数据驱动模拟实现5
Jan 13 Javascript
js构造函数创建对象是否加new问题
Jan 22 Javascript
node前端开发模板引擎Jade的入门
May 11 Javascript
uni-app如何页面传参数的几种方法总结
Apr 28 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下使用iconv需要注意的问题
2010/11/20 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
php unlink()函数使用教程
2018/07/12 PHP
PHP实现基于3DES算法加密解密字符串示例
2018/08/24 PHP
JavaScript获取table中某一列的值的方法
2014/05/06 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
JavaScript设计模式之外观模式实例
2014/10/10 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
浅谈js算法和流程控制
2016/12/29 Javascript
vue2.0父子组件及非父子组件之间的通信方法
2017/01/21 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
js代码编写无缝轮播图
2020/09/13 Javascript
[19:24]DOTA2客户端使用指南 一分钟快速设置轻松超神
2013/09/24 DOTA
[01:28]国服启动器接入蒸汽平台操作流程视频
2021/03/11 DOTA
Python 正则表达式操作指南
2009/05/04 Python
基于Python实现文件大小输出
2016/01/11 Python
python迭代器与生成器详解
2016/03/10 Python
人工智能最火编程语言 Python大战Java!
2017/11/13 Python
python代码 输入数字使其反向输出的方法
2018/12/22 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
2019/06/18 Python
Pycharm最新激活码2019(推荐)
2019/12/31 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
日本最大级玩偶手办购物:あみあみ Amiami
2018/04/23 全球购物
端午节粽子促销活动方案
2014/02/02 职场文书
啤酒节策划方案
2014/05/28 职场文书
三好学生评语大全
2014/12/29 职场文书
工作经验交流材料
2014/12/30 职场文书
军训阅兵新闻稿
2015/07/17 职场文书
军事理论课感想
2015/08/11 职场文书
长辈生日祝福语大全(72句)
2019/08/09 职场文书
Java工作中实用的代码优化技巧分享
2022/04/21 Java/Android