jquery動(dòng)態(tài)遍歷Json對(duì)象的屬性和值的方法
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類(lèi),包含方法 var p= function (){ this.name= '李四'; this.pass= '456'; this.fn= function(){ alert(this.name+"的密碼="+this.pass); } } var pp= new p(); //生成一個(gè)p類(lèi)的對(duì)象 pp for(var item in pp){ //遍歷pp對(duì)象中的屬性,只顯示出 非函數(shù)的 屬性,注意不能 遍歷 p這個(gè)類(lèi) 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è)參考,也希望大家多多支持腳本之家。
- js中遍歷對(duì)象的屬性和值的方法
- Javascript的數(shù)組與字典用法與遍歷對(duì)象的屬性技巧
- js中遍歷Map對(duì)象的方法
- js 遍歷對(duì)象的屬性的代碼
- JS中如何輕松遍歷對(duì)象屬性的方式總結(jié)
- js遍歷json對(duì)象所有key及根據(jù)動(dòng)態(tài)key獲取值的方法(必看)
- JS遍歷數(shù)組和對(duì)象的區(qū)別及遞歸遍歷對(duì)象、數(shù)組、屬性的方法詳解
- js簡(jiǎn)單遍歷獲取對(duì)象中的屬性值的方法示例
- JS遍歷Json字符串中鍵值對(duì)先轉(zhuǎn)成JSON對(duì)象再遍歷
- 關(guān)于JavaScript對(duì)象類(lèi)型之Array及Object
- es6 javascript對(duì)象Object.values() , Object.entries()示例詳解
- Javascript?Object對(duì)象類(lèi)型使用詳解
- Object的相關(guān)方法 和 js遍歷對(duì)象的常用方法總結(jié)
相關(guān)文章
微信小程序點(diǎn)擊view動(dòng)態(tài)添加樣式過(guò)程解析
這篇文章主要介紹了微信小程序點(diǎn)擊view動(dòng)態(tài)添加樣式過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01神奇的代碼 通殺各種網(wǎng)站-可隨意修改復(fù)制頁(yè)面內(nèi)容
在瀏覽器地址欄輸入這一行代碼,然后回車(chē),就發(fā)現(xiàn)整個(gè)頁(yè)面都可以隨意編輯了。僅僅是一行很短的代碼。2008-07-07JavaScript開(kāi)發(fā)時(shí)的五個(gè)注意事項(xiàng)
JavaScript開(kāi)發(fā)時(shí)的五個(gè)注意事項(xiàng)講述了表單事件、鏈接、循環(huán)優(yōu)化、匿名函數(shù)、字符串連接等優(yōu)化技巧,需要的朋友可以參考一下2007-12-12微信小程序 扭蛋抽獎(jiǎng)機(jī)css3動(dòng)畫(huà)實(shí)現(xiàn)詳解
這篇文章主要介紹了微信小程序 扭蛋抽獎(jiǎng)機(jī)css3動(dòng)畫(huà)實(shí)現(xiàn)詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07JS中Iframe之間傳值及子頁(yè)面與父頁(yè)面應(yīng)用
用iframe做系統(tǒng)框架,相信很多朋友都有這樣的經(jīng)歷吧,接下來(lái)將為你詳細(xì)介紹下JS中Iframe之間傳值應(yīng)用,感興趣的你可以參考下哈,希望可以幫助到你2013-03-03javascript使用正則實(shí)現(xiàn)去掉字符串前面的所有0
這篇文章主要介紹了javascript使用正則實(shí)現(xiàn)去掉字符串前面的所有0,需要的朋友可以參考下2018-07-07原生js仿jquery實(shí)現(xiàn)對(duì)Ajax的封裝
大家都知道jquery在我們?nèi)粘i_(kāi)發(fā)中的使用頻率非常高,但jquery說(shuō)到底還是對(duì)js的封裝,我們不能光會(huì)使用,只有知道了其中的遠(yuǎn)離才能更好的使用,所以這篇文章主要介紹的是原生js仿jquery實(shí)現(xiàn)對(duì)Ajax封裝的方法。2016-10-10