jQueryを使用してモデルデータを動的に出力する際の問題

Question

jQueryを使用してビューモデルからいくつかのdivを作成しようとしています。

<script src="~/Scripts/jquery-3.1.1.min.js"></script> 
<script> 
$(document).ready(function() { 
    var model = @Html.Raw(Json.Encode(Model.MemberProfiles)); 
    console.log(model); 

    for (profile in model) { 
     $("#viewMembers").append("<div class='profilePreview'><p>" + profile["FirstName"] + "</p></div>"); 
    } 

    $("#viewMembersBtn").click(function() { 
     $("#viewMembers").toggle(); 
    }); 
}); 

あなたがhereを見ることができるように、 "姓" プロパティがundefinedに評価されます。これは、コードです。この同じイメージでconsole.log（）を見ると、オブジェクトは正しいデータを持っています。 FirstNameプロパティを正しく取得するにはどうすればよいですか？このようなあなたのJavaScriptモデルにアクセスするための

Answer 1

あなたはmodel[profile].FirstNameが必要です

for (var profile in model) { 
    $("#viewMembers").append("<div class='profilePreview'><p>" + model[profile].FirstName + "</p></div>"); 
} 

Answer 2

試してみてください。

for (profile in model) { 
    $("#viewMembers").append("<div class='profilePreview'><p>" + profile.FirstName + "</p></div>"); 
}