How do I send assign a List<string> to a JavaScript array or enumerable object

Question

I have the following :

ViewBag.SomeEnumerable = new List<string>() { "string1", "string2" };

Now how do I assign ViewBag.SomeEnumerable to an array or some form of enumerable object on the JavaScript side? e.g.:

function SomeFunction()
{
  var array = @ViewBag.SomeEnumerable;
  for(var eachItem in array)
  {
    alert(eachItem); // should display "string1" then string2"
  }
}

Darin Dimitrov · Accepted Answer · 2012-09-12 09:13:03Z

30

<script type="text/javascript">
function SomeFunction() {
    var array = @Html.Raw(Json.Encode(ViewBag.SomeEnumerable));
    for(var i = 0; i < array.length; i++) {
        alert(array[i]); // should display "string1" then string2"
    }
}
</script>

will be rendered as:

<script type="text/javascript">
function SomeFunction() {
    var array = ["string1","string2"];
    for(var i = 0; i < array.length; i++) {
        alert(array[i]); // should display "string1" then string2"
    }
}
</script>

answered Sep 12, 2012 at 9:13

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

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

2 Comments

Ishaan Puniani Over a year ago

VS is giving syntax error at ; when i declare var array = @Html.Raw(Json.Encode(ViewBag.SomeEnumerable)); however o/p is correct in html rendered in browser

Darin Dimitrov Over a year ago

@IshaanPuniani, why do you even trust VS Intellisense? It is wrong. Look at the rendered markup to see that it is correct despite VS telling you it is wrong.

Collectives™ on Stack Overflow

How do I send assign a List<string> to a JavaScript array or enumerable object

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related