How do I convert a C List string to a Javascript array

Question

I have a datatable that I m converting into a List  serializing it and passing it to my view using a viewmodel   My viewmodel looks like this   public class AddressModel       public string Addresses   get  set        My controller action looks like the following   AddressModel lAddressGeocodeModel   new AddressGeocodeModel    List lt string   gt  lAddresses   new List lt string   gt      string lSQL     select Address1  CityName  StateCode  ZipCode                             from AddressTable         Convert the data to a List to be serialized into a Javascript array         data retrieval code goes here        foreach  DataRow row in AddressTable Rows        string   lAddress   new string 5       lAddress 1    row  Address1   ToString        lAddress 2    row  CityName   ToString        lAddress 3    row  StateCode   ToString        lAddress 4    row  ZipCode   ToString        lAddresses Add lAddress      lAddressGeocodeModel UnitCount   lAddresses Count   ToString       Here I m using the Newtonsoft JSON library to serialize my List lAddressGeocodeModel Addresses   JsonConvert SerializeObject lAddresses    return View lAddressModel     Then in my view I get the following string of addresses      123 Street St    City   CA   12345     456 Street St    City   UT   12345     789 Street St    City   OR   12345      How am I supposed to get this serialized string residing in a razor model into a javascript array

User · Answer

JSON is valid JavaScript Object anyway  while you are printing JavaScript itself  you don t need to encode decode JSON further once it is converted to JSON    lt script type  text javascript  gt      var addresses    Html Raw Model Addresses    lt  script gt    Following will be printed  and it is valid JavaScript Expression    lt script type  text javascript  gt      var addresses      123 Street St    City   CA   12345     456 Street St    City   UT   12345     789 Street St    City   OR   12345      lt  script gt

User · Answer

Many of these answers do work  but I have found the easiest way by far is to send data through ViewData or ViewBag and let JSON Net serialize it   I use this technique when Javascript is needed for HTML generation before the page load or when AJAX overhead needs to be avoided   In the controller   public ActionResult MyController         var addresses   myAddressesGetter        ViewData  addresses     addresses       return View        In the view    section scripts    lt script type  text javascript  gt      var MyjavascriptAddresses   Html Raw JsonConvert SerializeObject ViewData  addresses       lt  script gt      You can always rely on JSON NET whereas some browsers have poor JSON deserialization support  Another benefit over some methods in that you can see the Javascript using your browser s View -- gt  Source  since it is simply text generated server-side   Note that In most situations  Web API a more elegant way to get JSON to the client

User · Answer

Here s how you accomplish that     View cshtml  lt script type  text javascript  gt      var arrayOfArrays   JSON parse   Html Raw Json Encode Model Addresses       lt  script gt

User · Answer

This worked for me in ASP NET Core MVC    lt script type  text javascript  gt      var ar    Html Raw Json Serialize Model Addresses     lt  script gt

User · Answer

I would say it s more a problem of the way you re modeling your data  Instead of using string arrays for addresses  it would be much cleaner and easier to do something like this   Create a class to represent your addresses  like this   public class Address       public string Address1   get  set        public string CityName   get  set        public string StateCode   get  set        public string ZipCode   get  set        Then in your view model  you can populate those addresses like this   public class ViewModel       public IList lt Address gt  Addresses   new List lt Address gt          public void PopulateAddresses                 foreach DataRow row in AddressTable Rows                        Address address   new Address                                       Address1   row  Address1   ToString                        CityName   row  CityName   ToString                        StateCode   row  StateCode   ToString                        ZipCode   row  ZipCode   ToString                                  Addresses Add address                      lAddressGeocodeModel Addresses   JsonConvert SerializeObject Addresses             Which will give you JSON that looks like this      Address1     123 Easy Street    CityName    New York    StateCode    NY    ZipCode    12345

User · Answer

For those trying to do it without using JSON  the following is how I did it    lt script gt      var originalLabels       Html Raw string Join         Model labels       lt  script gt

User · Answer

Many  way to Json Parse but i have found most effective way to     model  List lt string   gt         lt script gt            function DataParse                  var model     Html Raw Json Encode Model                  var data   JSON parse model                  for  i   0  i  lt  data length  i                                               lt  script gt

User · Answer

For one dimension array  Controller   using Newtonsoft Json  var listOfIds    dbContext Countries Where x   gt  x Id    Country USA  First   Cities Where x   gt  x IsCoveredByCompany  Select x   gt  x Id  ToList    string strArrayForJS   JsonConvert SerializeObject listOfIds        1 2 6 7 8 18 25 61 129    Now pass it to the view through the model or ViewBag    View    lt script gt        function              var myArray    HTML Raw Model strArrayForJS           console log myArray        1  2  6  7  8  18  25  61  129          console log typeof  myArray      object          lt  script gt

User · Answer

You could directly inject the values into JavaScript     View cshtml  lt script type  text javascript  gt      var arrayOfArrays   JSON parse   Html Raw Model Addresses      lt  script gt    See JSON parse  Html Raw  Alternatively you can get the values via Ajax   public ActionResult GetValues            logic        Edit you don t need to serialize it just return the object      return Json new   Addresses  lAddressGeocodeModel         lt script type  text javascript  gt    function           ajax           type   POST           url    Url Action  GetValues             success  function result                   do something with result                        lt  script gt    See jQuery ajax

[c#] How do I convert a C# List<string[]> to a Javascript array?

Examples related to c#

Examples related to javascript

Examples related to razor