JS遍历对象属性的方法示例

 更新时间:2017年01月10日 10:28:04   作者:Sara  
这篇文章主要介绍了JS遍历对象属性的方法,涉及JS针对页面元素属性遍历操作的相关技巧,需要的朋友可以参考下

本文实例讲述了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://www.jb51.net/";
myObject.sitecontent = "jb51脚本之家";
//遍历对象的所有属性
for (prop in myObject)
{
document.write("属性 '" + prop + "' 为 " + myObject[prop]);
document.write(" ");
}
</script>

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • JS实现头条新闻的经典轮播图效果示例

    JS实现头条新闻的经典轮播图效果示例

    这篇文章主要介绍了JS实现头条新闻的经典轮播图效果,涉及javascript图片轮播切换相关实现技巧,需要的朋友可以参考下
    2019-01-01
  • js 模拟实现类似c#下的hashtable的简单功能代码

    js 模拟实现类似c#下的hashtable的简单功能代码

    越来越感觉js对集合的处理没有c#强大。比如在实际开发中,经常用到在一维数组或者二维数组里取某一个满足某些条件的项,通常的处理方式就是遍历数组,对比条件,匹配就取出,然后结束循环。
    2010-01-01
  • webpack 如何同时输出压缩和未压缩的文件的实现步骤

    webpack 如何同时输出压缩和未压缩的文件的实现步骤

    这篇文章主要介绍了webpack 如何同时输出压缩和未压缩的文件的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • 移动端滑动插件Swipe教程

    移动端滑动插件Swipe教程

    swipe.JS是一个比较有名的触摸滑动插件,它能够处理内容滑动,支持自定义选项,你可以让它自动滚动,控制滚动间隔,返回回调函数等。经常可见使用在移动前端开发中。
    2016-10-10
  • js浮动图片的动态效果

    js浮动图片的动态效果

    这篇文章介绍了几种JS的动态效果实例,有需要的朋友可以参考一下
    2013-07-07
  • javascript高仿热血传奇游戏实现代码

    javascript高仿热血传奇游戏实现代码

    这篇文章主要介绍了javascript高仿热血传奇游戏的实现代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-02-02
  • 一个原生的用户等级的进度条

    一个原生的用户等级的进度条

    做了一个用户等级的进度条,只是练手。
    2010-07-07
  • JavaScript 中级笔记 第三章

    JavaScript 中级笔记 第三章

    接着(2)来讲。笔记(2)已经讲了引用和函数重载,接下来讲解作用域。
    2009-09-09
  • 微信小程序实现表格前后台分页

    微信小程序实现表格前后台分页

    这篇文章主要为大家详细介绍了微信小程序实现表格前后台分页,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • js核心基础之闭包的应用实例分析

    js核心基础之闭包的应用实例分析

    这篇文章主要介绍了js核心基础之闭包的应用,结合具体实例形式分析了javascript闭包使用过程中常见问题及相应的解决方法,需要的朋友可以参考下
    2019-05-05

最新评论