Razor MVC Populating Javascript array with Model Array

javascript arrays asp.net-mvc asp.net-mvc-4 razor
Tom Martin picture Tom Martin · May 21, 2014 · Viewed 106.3k times · Source

I'm trying to load a JavaScript array with an array from my model. Its seems to me that this should be possible.

Neither of the below ways work.

Cannot create a JavaScript loop and increment through Model Array with JavaScript variable

for(var j=0; j<255; j++)
{
    jsArray = (@(Model.data[j])));
}

Cannot create a Razor loop, JavaScript is out of scope

@foreach(var d in Model.data)
{
    jsArray = d;
}

I can get it to work with

var jsdata = @Html.Raw(Json.Encode(Model.data));

But I don't know why I should have to use JSON.

Also while at the moment I'm restricting this to 255 bytes. In the future it could run into many MBs.

Answer

heymega picture heymega · May 21, 2014

This is possible, you just need to loop through the razor collection

<script type="text/javascript">

    var myArray = [];

    @foreach (var d in Model.data)
    {
        @:myArray.push("@d");
    }

    alert(myArray);

</script>

Hope this helps

Related questions

MVC: Iterating a Viewbag array in javascript

The goal is to get the data from the ViewBag.Array to a Javascript array. The data is calculated in the controller so I cannot fetch it straight from the database. I need the data to draw a chart with …

Read More
Asp.Net MVC 4 Automatically bind model from array of objects in form post

I have built an array of objects in JavaScript and want to post them back to the server via Ajax (Im using jQuery) The JavaScript object array looks like this: var columns = [ { name: 'col 1', source: 'whatever', hidden: false, width: 50 }, ... ]; …

Read More
How can I remove a specific item from an array?

I have an array of numbers and I'm using the .push() method to add elements to it. Is there a simple way to remove a specific element from an array? I'm looking for the equivalent of something like: array.remove(…

Read More