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