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实现可全选、反选及删除表格的方法
May 15 Javascript
JS中使用FormData上传文件、图片的方法
Aug 07 Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
Aug 25 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
Nov 16 Javascript
js实现贪吃蛇小游戏(容易理解)
Jan 22 Javascript
JS路由跳转的简单实现代码
Sep 21 Javascript
jQuery封装animate.css的实例
Jan 04 jQuery
element ui里dialog关闭后清除验证条件方法
Feb 26 Javascript
浅谈AngularJS中$http服务的简单用法
May 15 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
vuex实现购物车功能
Jun 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中if和or运行效率对比
2014/12/12 PHP
php实现常见图片格式的水印和缩略图制作(面向对象)
2016/06/15 PHP
PHP 7安装使用体验之性能大提升,兼容性强,扩展支持不够(升级PHP要谨慎)
2017/07/27 PHP
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
JSON 和 JavaScript eval使用说明
2010/06/13 Javascript
JS控制图片等比例缩放的示例代码
2013/12/24 Javascript
JavaScript函数使用的基本教程
2015/06/04 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
2015/09/23 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
原生js实现返回顶部缓冲效果
2017/01/18 Javascript
AngularJS中控制器函数的定义与使用方法示例
2017/10/10 Javascript
Vue项目中设置背景图片方法
2018/02/21 Javascript
详解vue 数据传递的方法
2018/04/19 Javascript
vue cli 3.x 项目部署到 github pages的方法
2019/04/17 Javascript
vue移动端模态框(可传参)的实现
2019/11/20 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
Python sys.path详细介绍
2013/10/17 Python
实例讲解Python编程中@property装饰器的用法
2016/06/20 Python
Python中创建字典的几种方法总结(推荐)
2017/04/27 Python
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
Python调用adb命令实现对多台设备同时进行reboot的方法
2018/10/15 Python
django解决跨域请求的问题
2018/11/11 Python
Python3实现的回文数判断及罗马数字转整数算法示例
2019/03/27 Python
python-sys.stdout作为默认函数参数的实现
2020/02/21 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
css3实现文字首尾衔接跑马灯的示例代码
2020/10/16 HTML / CSS
Html5大文件断点续传实现方法
2015/12/05 HTML / CSS
美国高级音响品牌:Master&Dynamic
2018/07/05 全球购物
欧洲领先的火车票和大巴票预订平台:Trainline
2018/12/26 全球购物
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
《小草和大树》教学反思
2014/02/16 职场文书
《三亚落日》教学反思
2014/04/26 职场文书
教导主任个人总结
2015/03/03 职场文书
导游词之天津盘山
2019/11/01 职场文书