快速学习javascript对象-遍历对象

为了方便了解每个javascript对象包含的方法,我写一个函数。

 1 function GetCollection(obj){
 2     try{
 3         if(obj){
 4             var sType="";
 5             var sMessage="";
 6             for (var i in obj){
 7                 if(obj[i] ===null || obj[i] === undefined){
 8                     sType="i";
 9                     sMessage += "\r\n" + i;
10                 }
11                 else{
12                     var c = obj[i];
13                     if(c.name && c.value){
14                         sMessage += "\r\n" + (c.name + ":" + c.value);
15                         sType="name:value";
16                     }
17                     else{
18                         sMessage += "\r\n" + (i + "=" + obj[i]);
19                         sType="obj[i]";
20                     }
21                 }
22             }
23             sMessage += "\r\n" + ("sType:"+sType);
24             alert(sMessage);
25         }
26     }
27     catch(err){
28         alert("err:" + err.message);
29     }
30 }

比如查看location的所有方法和值,可以通过下面js调用

GetCollection(location);

弹出界面如下:

也可以查看某个json的内容:    var json ={"name":"张三","depart":"销售部","skill":["java","c++","PHP","c#"]};
    GetCollection(json);

查看数组内容

  var arry =["1","5","c"];
    GetCollection(arry);

时间: 2024-11-10 16:50:21

快速学习javascript对象-遍历对象的相关文章

如何轻松快速学习JavaScript 呢?

JS给人那种感觉的原因多半是因为它如下的特点: 1:本身知识很抽象.晦涩难懂,如:闭包.内置对象.DOM. 2:本身内容很多,如函数库,对象库就一大堆. 3:混合多种编程思想. 4:辛苦学习后又看似和实际应用脱节. 通常学了很久的JS基础之后,变量.函数.对象你也都略知一二,但一到公司开发项目的时候,却又难以下手.因为公司在开发实际项目的时候通常都是直接用它的衍生库,比如:jquery,angular,boostrap,等,而这些库又多如牛毛,同时还有自己的难点.让你都不知道该学哪个好,甚至开始

JavaSE中Collection集合框架学习笔记(3)——遍历对象的Iterator和收集对象后的排序

前言:暑期应该开始了,因为小区对面的小学这两天早上都没有像以往那样一到七八点钟就人声喧闹.车水马龙. 前两篇文章介绍了Collection框架的主要接口和常用类,例如List.Set.Queue,和ArrayList.HashSet.LinkedList等等.根据核心框架图,相信我们都已经对Collection这个JavaSE中最常用API之一有一个较为全面的认识. 这个学习过程,还可以推及到其他常用开源框架和公司项目的学习和熟悉上面.借助开发工具或说明文档,先是对项目整体有一个宏观的认识,再根

高性能 javaScript 之遍历对象属性

在面向对象的开发工作中,经常会遇到检查对象属性和遍历对象属性的情况. JavaScript 不包含如 java.C 等语言的传统类继承模型,而是使用 prototype 原型模型. JavaScript 原型链继承中属性查找过程 当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止.到查找到达原型链的顶部 - 也就是 Object.prototype - 但是仍然没有找到指定的属性,就会返回 undefined. 使用 for in 循环可以遍历对象所有的属

十大免费教程资源帮助新手快速学习JavaScript

“JavaScript”的名头相信大家肯定是耳熟能详,但只有一小部分人群了解它的使用与应用程序构建方式.这“一小部分”人指的当然是技术过硬的有为青年.网络程序员以及IT专业人员.但对于一位新手或者说外行人而言,“JavaScript”只不过是复杂计算机编程学科当中的另一个不知所云的术语. 那么,JavaScript到底是什么? 如果各位拥有在计算机领域的工作经验,那么绝对不能错过强大的JavaScript. 它是知名度最高的Web页面脚本语言. 它同样被广泛应用于游戏开发以及桌面及移动应用程序的

JavaScript 深度遍历对象的两种方式,递归与非递归

递归遍历: 基本问题: 当前属性值不为对象时,打印键和值 递归过程:当前属性值为对象时,打印键,继续递归 var o = { a: { b: { c: { d: { e: { f: 1, g:{ h:2 } } } } } } }; function printObjRec(obj) { for (var prop in obj) { if (typeof (obj[prop]) === "object") { console.log(prop); getProp(obj[prop])

javascript中遍历对象的List集合

<script> <c:forEach var="obj" items="${mulst} "> alert("${obj.属性}"); </c:forEach> </script> 其实该解决方案不是很好,容易导致浏览器崩溃,当List元素很多时,循环的代码就很多,页面很庞大,浏览器吃不消! 另外, 服务端生成的数据,客户端去遍历的问题,最好使用Ajax技术. $.ajax({ type: 'po

ES6之6种遍历对象属性的方法

1.for ... in 循环遍历对象自身的和继承的可枚举属性(不含Symbol属性). 2.Obejct.keys(obj),返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性). 3.Object.getOwnPropertyNames(obj),返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性). 4.Object.getOwnPropertySymbols(obj),返回一个数组,包含对象自身的所有Symbol属性. 5.Ref

6种遍历对象的方法

1.for ... in 循环遍历对象自身的和继承的可枚举属性(不含Symbol属性). 2.Obejct.keys(obj),返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性). 3.Object.getOwnPropertyNames(obj),返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性). 4.Object.getOwnPropertySymbols(obj),返回一个数组,包含对象自身的所有Symbol属性. 5.Ref

帮助你更快学习JavaScript的六个思维技巧

? ? ? ? ? ? ? ? 当人们试图学习JavaScript或其他编程语言的时候,他们通常会遇到如下挑战. 一些概念让他们感到困惑,特别是如果之前学过其他类型的语言. 很难找到学习的时间(或者动力)去学习. 你很容易忘掉之前学到的东西. JavaScript工具太多并且经常更新,以至于很难找到学习的切入点. 幸运的是,这些难题最终能够被克服.在这篇文章,我将展示六个能够帮助你更快.更开心.更高效地学习JavaScript的六个思维技巧. 1   不要让未来的忧虑干扰你现在的学习 有些Jav