jquery动态遍历Json对象的属性和值的方法_javascript技巧

1、遍历 json 对象的属性

//定义json对象
 var person= {
 name: 'zhangsan',
 pass: '123',

 fn: function(){

   alert(this.name+"的密码="+this.pass);

 }
 }
 //遍历person属性包括方法,如果不想显示出方法,可用typeof(person[item])== "function"来判断
 for(var item in person){
 alert("person中"+item+"的值="+person[item]);
 }

2、动态为 json对象 添加属性

需要 使用1中的 person对象

var copyPerson={}  //创建copyPerson对象,将person中的属性包括方法copy给该对象
 for(var item in person){
 copyPerson[item]= person[item];  //这样循环就可以将person中的属性包括方法copy到copyPerson中了
 }

 for(var item in copyPerson){
 alert("copyPerson中"+item+"的值="+person[item]);
 }

注意:使用 Ext.apply(copyPerson, person) 也可以 将person中的所有属性包括方法 copy到 copyPerson中

3、遍历 普通js对象的 属性

//定义一个普通的js类,包含方法
 var p= function (){
 this.name= '李四';
 this.pass= '456';
 this.fn= function(){
  alert(this.name+"的密码="+this.pass);
 }

 }

 var pp= new p();  //生成一个p类的对象 pp

 for(var item in pp){

 //遍历pp对象中的属性,只显示出 非函数的 属性,注意不能 遍历 p这个类
 if(typeof(pp[item])== "function")
  continue;
 alert("p对象中"+item+"的属性="+pp[item]);
 }

普通的 js对象 也可以copy,copy方法和 2.动态为 json对象 添加属性 思路一样。

以上这篇jquery动态遍历Json对象的属性和值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery遍历json对象
javascript 遍历json、jquery json 遍历、jquery遍历json数组、jquery遍历json对象、jquery递归遍历json树,以便于您获取更多的相关知识。

时间: 2023-01-16

jquery动态遍历Json对象的属性和值的方法_javascript技巧的相关文章

遍历js中对象的属性和值的实例_javascript技巧

今天优化项目时,遇到了关于"遍历js中对象的属性和值"的需求.之所以会有这个需求,是因为要做一个局部刷新表格内容的js插件.刚开始我去网上荡了一个js分页插件,但是智商实在捉急,搞了半天没搞出来!后来就怒了,干脆自己写一个好了.结果就遇到了这个问题! 问题:通过遍历属性名数组,获取对象的属性值失败 刚开始的错误代码如下: for(var i=0;i<dataList.length;i++) { var dataLine="<tr>"; for(va

JSON 对象未定义错误的解决方法_javascript技巧

今天在使用Moodle的时候, 突然发现在IE下进入课件的时候提示"JSON 未定义"错误信息. 后来找来一个 "json2.js" 引入测试了一下. OK 解决. 后来一向觉的不靠谱,仔细推敲了一下发现我的IE是在兼容模式下. 换到正常模式, 注销到引用"json2.js"的代码. 果然是还是正常的了. 所以, 猜想IE可能是为了兼容模式中的"兼容"功能. 所以不会去加载过多不确定的东西(最小启动单元). 包括JSON的解析

JS JSON对象转为字符串的简单实现方法_javascript技巧

由于ie6,7不支持JSON.stringify(json),  我们只好自己再写一个函数来替换这个方法. 代码如下: 复制代码 代码如下: function JsonToStr(o) {var arr = [];var fmt = function(s) {if (typeof s == 'object' && s != null) return JsonToStr(s);return /^(string|number)$/.test(typeof s) ? "'"

遍历json 对象的属性并且动态添加属性的实现_javascript技巧

昨天因为公司的一个需求,所以就研究了一下json对象的属性的遍历和动态修改: var person= { name: 'zhangsan', pass: '123' , 'sni.ni' : 'sss', hello:function (){ for(var i=0;i<arguments.length;i++){ //在不知参数个数情况下可通过for循环遍历 // arguments这个是js 默认提供 alert("arr["+i+"]="+argumen

用JS动态改变表单form里的action值属性的两种方法_javascript技巧

方法1: <form id="form1" name="form1" method="post" action="../news/index.asp"> <table width="100%" height="43" border="0" cellpadding="0" cellspacing="0">

原生javascript获取元素样式属性值的方法_javascript技巧

所以, 我们得利用IE的currentStyle和W3C的getPropertyValue获取. elem.style.attr获取样式的方法就不说了. 先来看currentStyle方法, 此对象ie专属, 代表了在全局样式表.内嵌样式和 HTML 标签属性中指定的对象格式和样式. IE下通过它, 就可以获取元素的Css属性值. 而针对其他标准浏览器, W3C也提供了一个方法getPropertyValue, 此方法, 稍有点复杂, 首先要通过document.defaultView.getC

Js与Jq获取浏览器和对象值的方法_javascript技巧

JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍. 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeight ==> 浏览器可见区域高度 document.body.clientWidth ==> BODY对象宽度 document.body.cl

JavaScript动态创建form表单并提交的实现方法_javascript技巧

本文实例讲述了JavaScript动态创建form表单并提交的实现方法.分享给大家供大家参考,具体如下: 页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 form 演示如下: // JavaScript 构建一个 form function MakeForm() { // 创建一个 form var form1 = document.createElement("form"); form1.id = "form1"; f

JavaScript获取对象在页面中位置坐标的方法_javascript技巧

本文实例讲述了JavaScript获取对象在页面中位置坐标的方法.分享给大家供大家参考,具体如下: <script language="javascript" type="text/javascript" > function getXY(Obj) { var h = Obj.offsetHeight; for (var sumTop=0,sumLeft=0;Obj!=document.body;sumTop+=Obj.offsetTop,sumLeft