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中String类的replace函数
Sep 22 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
Dec 07 Javascript
JavaScript中window.open用法实例详解
Apr 15 Javascript
分享使用AngularJS创建应用的5个框架
Dec 05 Javascript
如何用JavaScript实现动态修改CSS样式表
May 20 Javascript
AngularJs Javascript MVC 框架
Jun 20 Javascript
一个简单的JavaScript Map实例(分享)
Aug 03 Javascript
理解javascript中的Function.prototype.bind的方法
Feb 03 Javascript
jQuery动态产生select option下拉列表
Mar 15 Javascript
微信小程序dom操作的替代思路实例分析
Dec 06 Javascript
详解Vscode中使用Eslint终极配置大全
Nov 08 Javascript
Vue的状态管理vuex使用方法详解
Feb 05 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
无线电波是什么?它是怎样传输的?
2021/03/01 无线电
PHP中=赋值操作符对不同数据类型的不同行为
2011/01/02 PHP
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
PHP图片处理之使用imagecopyresampled函数裁剪图片例子
2014/11/19 PHP
PHP基于工厂模式实现的计算器实例
2015/07/16 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
8个超棒的学习 jQuery 的网站 推荐收藏
2011/04/02 Javascript
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
from表单多个按钮提交用onclick跳转不同action
2014/04/24 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
2015/08/04 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
nodejs连接mysql数据库及基本知识点详解
2018/03/20 NodeJs
vue-cli系列之vue-cli-service整体架构浅析
2019/01/14 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
2019/01/18 Javascript
微信小程序如何使用云开发
2019/05/17 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
使用python开发vim插件及心得分享
2014/11/04 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
Python解决线性代数问题之矩阵的初等变换方法
2018/12/12 Python
教你如何编写、保存与运行Python程序的方法
2019/07/12 Python
将pymysql获取到的数据类型是tuple转化为pandas方式
2020/05/15 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
Joseph官网:英国小众奢侈品牌
2019/05/17 全球购物
应聘医学检验人员自荐信
2013/09/27 职场文书
大众服装店创业计划书范文
2014/01/01 职场文书
民政局办理协议离婚(范本)
2014/10/25 职场文书
离职报告范文
2014/11/04 职场文书
2014年班组长工作总结
2014/11/20 职场文书
完美解决golang go get私有仓库的问题
2021/05/05 Golang
python中Matplotlib绘制直线的实例代码
2021/07/04 Python
python的列表生成式,生成器和generator对象你了解吗
2022/03/16 Python
MySQL索引失效场景及解决方案
2022/07/23 MySQL