javascript遍歷json對(duì)象的key和任意js對(duì)象屬性實(shí)例
更新時(shí)間：2017年03月09日 10:14:46 投稿：jingxian
下面小編就為大家?guī)硪黄猨avascript遍歷json對(duì)象的key和任意js對(duì)象屬性實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
使用 keys 方法獲取該對(duì)象的屬性和方法：
function Pasta(grain, width, shape) {
this.grain = grain;
this.width = width;
this.shape = shape;
this.toString = function () {
return (this.grain + ", " + this.width + ", " + this.shape);
}
}
var spaghetti = new Pasta("wheat", 0.2, "circle");
var arr = Object.keys(spaghetti);
document.write(arr);
結(jié)果圖：
顯示 Pasta 對(duì)象中以字母“g”開頭的所有可枚舉屬性的名稱：
function Pasta(grain, width, shape) {
this.grain = grain;
this.width = width;
this.shape = shape;
}
function CheckKey(value) {
var firstChar = value.substr(0, 1);
if (firstChar.toLowerCase() == "g") {
return true;
} else {
return false;
}
}
var polenta = new Pasta("corn", 1, "mush");
var keys = Object.keys(polenta).filter(CheckKey);
document.write(keys);
結(jié)果如圖：
遍歷json對(duì)象的鍵：
var an_obj = { 100: 'a', 2: 'b', 7: 'c', "name": "wu", "interesting": "Game" };
document.write(Object.keys(an_obj));
結(jié)果如圖：
以上這篇javascript遍歷json對(duì)象的key和任意js對(duì)象屬性實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
用js通過url傳參把數(shù)據(jù)從一個(gè)頁面?zhèn)鞯搅硪粋€(gè)頁面
如果是傳到新頁面的話，你網(wǎng)站基于什么語言開發(fā)直接用get或者post獲取，然后輸出到這個(gè)層2014-09-09
Three.js實(shí)現(xiàn)瀏覽器變動(dòng)時(shí)進(jìn)行自適應(yīng)的方法
這篇文章主要給大家介紹了關(guān)于Three.js實(shí)現(xiàn)瀏覽器變動(dòng)時(shí)進(jìn)行自適應(yīng)的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
javascript實(shí)例分享---具有立體效果的圖片特效
此實(shí)例，直接粘貼代碼即可運(yùn)行，當(dāng)然圖片的路徑不要忘記改了。2014-06-06
Ionic實(shí)現(xiàn)頁面下拉刷新(ion-refresher）功能代碼
這篇文章主要介紹了使用Ionic實(shí)現(xiàn)頁面下拉刷新(ion-refresher）功能的代碼，感興趣的朋友一起看看吧2016-06-06
javascript結(jié)合CSS實(shí)現(xiàn)蘋果開關(guān)按鈕特效
這篇文章主要介紹了javascript結(jié)合CSS實(shí)現(xiàn)蘋果開關(guān)按鈕特效的方法以及全部代碼，效果非常不錯(cuò)，兼容性也很好，有需要的小伙伴自己參考下2015-04-04
頁面下沉抖動(dòng)效果-網(wǎng)站HTTP連接沒有效果-PC上有效果
頁面下沉抖動(dòng)效果實(shí)現(xiàn)代碼，代碼少，功能還可以2008-05-05
這篇文章主要為大家詳細(xì)介紹了原生js自定義右鍵菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript navigator.userAgent獲取瀏覽器信息案例講解
這篇文章主要介紹了JavaScript navigator.userAgent獲取瀏覽器信息案例講解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
JavaScript檢測用戶是否在線的6種方法總結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript中實(shí)現(xiàn)檢測用戶是否在線的6種常用方法,文中的示例代碼講解詳細(xì),感興趣的可以跟隨小編一起學(xué)習(xí)一下2023-08-08
Bootstrap 設(shè)置datetimepicker在屏幕上面彈出設(shè)置方法
datetimepicker默認(rèn)是在輸入框下面彈出的，但是遇到輸入框在屏幕下面時(shí)，日期選擇框會(huì)有一部分在屏幕下面，顯示不了，因此需要能夠從上面彈出，下面小編給大家介紹下Bootstrap 設(shè)置datetimepicker在屏幕上面彈出的設(shè)置方法2017-03-03