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脚本学习 比较实用的基础
Sep 07 Javascript
JavaScript 空位补零实现代码
Feb 26 Javascript
基于javascipt-dom编程 table对象的使用
Apr 22 Javascript
将list转换为json失败的原因
Dec 17 Javascript
jQuery标签替换函数replaceWith()的使用例子
Aug 28 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 Javascript
使用递归遍历对象获得value值的实现方法
Jun 14 Javascript
Vue应用部署到服务器的正确方式
Jul 15 Javascript
JS脚本实现网页自动秒杀点击
Jan 11 Javascript
npm 更改默认全局路径以及国内镜像的方法
May 16 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
解决vue自定义全局消息框组件问题
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类
2006/10/09 PHP
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
PHP学习笔记之session
2018/05/06 PHP
PHP实现类似题库抽题效果
2018/08/16 PHP
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
2014/06/17 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
js html css实现复选框全选与反选
2016/10/09 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
js原生代码实现轮播图的实例讲解
2017/07/28 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
2017/08/25 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
2019/06/24 Javascript
如何对react hooks进行单元测试的方法
2019/08/14 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
2019/10/08 Javascript
JavaScript oncopy事件用法实例解析
2020/05/13 Javascript
Vue 3.0中jsx语法的使用
2020/11/13 Javascript
如何在vue中使用kindeditor富文本编辑器
2020/12/19 Vue.js
Python设置默认编码为utf8的方法
2016/07/01 Python
Python与人工神经网络:使用神经网络识别手写图像介绍
2017/12/19 Python
解决Python3 被PHP程序调用执行返回乱码的问题
2019/02/16 Python
Python下简易的单例模式详解
2019/04/08 Python
Django框架自定义session处理操作示例
2019/05/27 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
使用python实现下载我们想听的歌曲,速度超快
2020/07/09 Python
Python如何爬取b站热门视频并导入Excel
2020/08/10 Python
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
金融管理专业毕业生求职信
2014/03/12 职场文书
学校周年庆活动方案
2014/08/22 职场文书
2014幼儿园班主任工作总结
2014/12/04 职场文书
大学生安全教育主题班会
2015/08/12 职场文书