javascript - dust js 循环遍历 json 中的对象

Question

我在使用 Dust.js 循环 json 时遇到问题，这是我的 json

{
   "Undergraduate":{
      "metaid":"0770",
      "Offcampus":{
         "FeesItems":{
            "tuition":{
               "label":"Tuition Fees",
               "value":"5,870"
            },
            "comprehensive":{
               "label":"Comprehensive Fees",
               "value":"2,141"
            },
            "studentActivity":{
               "label":"Student Activity Fees",
               "value":"190"
            },
            "academicExcellence":{
               "label":"Academic Excellence Fee",
               "value":"225"
            },
            "room":{
               "label":"Room",
               "value":"0"
            },
            "board":{
               "label":"Board",
               "value":"0"
            },
            "livingAllowance":{
               "label":"Living Allowance",
               "value":"9,738"
            }
         }
      } 
   }
}

我想循环遍历 FeesItems 对象内的项目..

{#Undergradaute.Offcampus.FeesItems}
  {label}, {value}{~n}   <!-- What should be given in this line? -->
{/Undergradaute.Offcampus.FeesItems}

Answer 1

只要 FeesItems 是一个数组，这就会循环遍历 FeesItems 中的项目，从 JSON 渲染 label 和 value FeesItems= []

http://akdubya.github.io/dustjs/#guide

{
   "Undergraduate":{
      "metaid":"0770",
      "Offcampus":{
         "FeesItems":[{
               "label":"Tuition Fees",
               "value":"5,870"
            },
            {
               "label":"Comprehensive Fees",
               "value":"2,141"
            },
            ...
]
         }
      } 
   }
}

以下是灰尘指南的示例:

{#friends}
  {name}, {age}{~n}
{/friends}

{
  friends: [
    { name: "Moe", age: 37 },
    { name: "Larry", age: 39 },
    { name: "Curly", age: 35 }
  ]
}

更新1:

由于您不想更改原始 JSON，因此您需要从原始 JSON 生成一个新对象，例如

var newModel =  Object.keys(obj.Undergraduate.Offcampus.FeesItems).map(function(prop){ return obj.Undergraduate.Offcampus.FeesItems[prop] });

请注意，如果尝试以下操作，JavaScript 将保留对对象的引用:

originalObj.Undergraduate.Offcampus.FeesItems.board.label = "Costa Rica"
console.log(newModel[5].label);