Map a C# Dictionary to an array in jQuery

Question

In my view model I have a dictionary that I want to evaluate in a jQuery function. I'm having a tough time mapping between the two languages.

View Model

public Dictionary<int, string> Collection { get; set; }

Script

$("#someButton").click(function () {
    var collection = {};
    var count = '@(Model.Collection.Count)' * 1;
    for (var i = 0; i < count; i++) {
        collection[i] = // Model.Collection[i]
    }
    ...
});

How do I either retrieve values by index directly from my view model's Collection property, or fill a local javascript array with that data so that I can operate on the copy in my function?

I've read a little about Knockout and Json.NET but I'm really hoping to avoid yet another dependency/learning curve in my project.

Jeffrey Zhao · Accepted Answer · 2014-06-15 03:15:54Z

2

JSON only support string as the key. So you could convert the Dictionary<int, string> to Dictionary<string, string> then put it in JS code by serializing it with JSON.NET. For example:

var collection = <%= Model.CollectionJson %>

which in the model:

public string CollectionJson {
    get {
        // correct API as @Superstringcheese suggested
        return JsonConvert.SerializeObject(
            Collection.ToDictionary(p => p.Key.ToString(), p => p.Value));
    }
}

edited Jun 15, 2014 at 3:15

answered Jun 14, 2014 at 15:07

Jeffrey Zhao

5,0434 gold badges32 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ChaosPandion Over a year ago

I believe a method is a better choice over a property because in general a property implies a low cost calculation.

user164226 Over a year ago

This was not working for me, but it led me to the realization that Json.NET is far more native than I thought. I ended up with: JsonConvert.SerializeObject(Collection, Formatting.Indented);

Jeffrey Zhao Over a year ago

@Superstringcheese Thanks, I've corrected the API in the answer.

Collectives™ on Stack Overflow

Map a C# Dictionary to an array in jQuery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related