首頁 > web前端 > js教程 > 詳解javascript遍歷json物件的key和任意js物件屬性的範例程式碼(圖)

詳解javascript遍歷json物件的key和任意js物件屬性的範例程式碼(圖)

黄舟
發布: 2017-03-21 14:38:14
原創
2052 人瀏覽過

下面小編就為大家帶來一篇javascript遍歷json物件的key和任意js物件屬性實例。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟著小編過來看看吧

使用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物件屬性的範例程式碼(圖)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板