如何使用主干解析嵌套的 json？ [复制]

Question

我尝试了一些与类似问题相关的解决方案，但仍然没有运气。 json结构除了嵌套（下）外，不是很复杂。

{ "name" : "John Smith",
  "gender" : "male",
  "address" : { "city" : "New York",
                "state" : "NY"
              }
}

我的目标是在 erb 文件中访问“城市”和“州”，如下所示。

<script id="person-template" type="text/template">
  <div class="person">
    <span class="name"><%%= get('name') %></span>
    <span class="gender"><%%= get('gender') %></span>
    <span class="city"><%%= get('city') %></span>  
    <span class="state"><%%= get('state') %></span>
  </div>
</script>

现在我卡在 get('city') 和 get('state') 上，不知道如何处理。非常感谢您的提示。

Answer 1

在您的模型定义中，您希望覆盖 parse 方法以根据需要返回数据。

var YourModel = Backbone.Model.extend({
  parse: function(data){
    return {
      name: data.name,
      gender: data.gender,
      city: data.address.city,
      state: data.address.state
    };
  }
});

如果您是从 json 显式设置模型值，那么您的问题会略有不同。您可以检索模型的地址部分并直接访问它的属性：

person.get('address').city // this should contain the city value

警告：

如果您这样做，那么您检索的 address 对象将是可变的，因此：

person.get('address').city = "丹佛"

将更改地址属性而不触发任何更改事件。因此，通常最好：

• 具有平面模型结构（上面的 parse 方法就是一个例子）
• 复制对象值以进行修改或返回（使用 _.clone 或其他东西）