jquery動(dòng)態(tài)遍歷Json對(duì)象的屬性和值的方法

更新時(shí)間：2016年07月27日 10:01:50 投稿：jingxian

下面小編就為大家?guī)?lái)一篇jquery動(dòng)態(tài)遍歷Json對(duì)象的屬性和值的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

1、遍歷 json 對(duì)象的屬性

//定義json對(duì)象
 var person= {
 name: 'zhangsan',
 pass: '123',

 fn: function(){

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

 }
 }
 //遍歷person屬性包括方法，如果不想顯示出方法，可用typeof(person[item])== "function"來(lái)判斷
 for(var item in person){
 alert("person中"+item+"的值="+person[item]);
 }

2、動(dòng)態(tài)為 json對(duì)象添加屬性

需要使用1中的 person對(duì)象

var copyPerson={}  //創(chuàng)建copyPerson對(duì)象，將person中的屬性包括方法copy給該對(duì)象
 for(var item in person){
 copyPerson[item]= person[item];  //這樣循環(huán)就可以將person中的屬性包括方法copy到copyPerson中了
 }
 
 for(var item in copyPerson){
 alert("copyPerson中"+item+"的值="+person[item]);
 }

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

3、遍歷普通js對(duì)象的屬性

//定義一個(gè)普通的js類，包含方法
 var p= function (){
 this.name= '李四';
 this.pass= '456';
 this.fn= function(){
  alert(this.name+"的密碼="+this.pass);
 }
 
 }

 var pp= new p();  //生成一個(gè)p類的對(duì)象 pp
 
 for(var item in pp){
 
 //遍歷pp對(duì)象中的屬性，只顯示出 非函數(shù)的 屬性，注意不能 遍歷 p這個(gè)類
 if(typeof(pp[item])== "function")
  continue;
 alert("p對(duì)象中"+item+"的屬性="+pp[item]);
 }

普通的 js對(duì)象也可以copy，copy方法和 2.動(dòng)態(tài)為 json對(duì)象添加屬性思路一樣。

以上這篇jquery動(dòng)態(tài)遍歷Json對(duì)象的屬性和值的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JS異步堆棧追蹤之為什么await勝過(guò)Promise
與直接使用Promise相比，使用async/await不僅可以使代碼更具可讀性，而且還可以在JavaScript引擎中實(shí)現(xiàn)一些有趣的優(yōu)化。這篇文章是關(guān)于一個(gè)這樣的優(yōu)化，涉及異步代碼的堆棧追蹤。
2021-04-04
基于jquery插件實(shí)現(xiàn)常見(jiàn)的幻燈片效果
使用幻燈片效果的網(wǎng)站目前很普遍，本以為很復(fù)雜，實(shí)現(xiàn)起來(lái)卻發(fā)現(xiàn)很簡(jiǎn)單，現(xiàn)成的jquery插件jquery.KinSlideshow.js便可實(shí)現(xiàn)幻燈片效果
2013-11-11
uniapp項(xiàng)目實(shí)踐自定義滑動(dòng)觸摸組件實(shí)現(xiàn)示例
這篇文章主要介紹了uniapp項(xiàng)目實(shí)踐自定義滑動(dòng)觸摸組件實(shí)現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-09-09
JavaScript函數(shù)式編程示例分析
函數(shù)式編程是一種編程范式,將整個(gè)程序都由函數(shù)調(diào)用以及函數(shù)組合構(gòu)成。可以看成一條流水線,數(shù)據(jù)可以不斷地從一個(gè)函數(shù)的輸出流入另一個(gè)函數(shù)的輸入,最后輸出結(jié)果
2022-10-10
微信小程序input框中加入小圖標(biāo)的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序input框中加入小圖標(biāo)的實(shí)現(xiàn)方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-06-06
JavaScript中reduce()的用法實(shí)例
reduce()方法接收一個(gè)函數(shù)作為累加器(accumulator),數(shù)組中的每個(gè)值(從左到右)開(kāi)始縮減,最終為一個(gè)值,下面這篇文章主要給大家介紹了關(guān)于JavaScript中reduce()的用法實(shí)例,需要的朋友可以參考下
2022-05-05
JavaScript實(shí)現(xiàn)把數(shù)字轉(zhuǎn)換成中文
這篇文章主要介紹了JavaScript實(shí)現(xiàn)把數(shù)字轉(zhuǎn)換成中文,本文直接給出實(shí)例代碼,需要的朋友可以參考下
2015-06-06
JavaScript對(duì)象參數(shù)的引用傳遞
這篇文章主要為大家介紹了JavaScript對(duì)象參數(shù)的引用傳遞的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-01-01
js處理層級(jí)數(shù)據(jù)結(jié)構(gòu)的方法小結(jié)
本文主要介紹了js處理層級(jí)數(shù)據(jù)結(jié)構(gòu)的方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
javascript實(shí)現(xiàn)了照片拖拽點(diǎn)擊置頂?shù)恼掌瑝Υa
這篇文章主要介紹了javascript實(shí)現(xiàn)了照片拖拽點(diǎn)擊置頂?shù)恼掌瑝Υa，效果非常不錯(cuò)，這里推薦給大家，有需要的小伙伴可以參考下。
2015-04-04