Populating JavaScript Array from JSP List

by 
var countries = new Array();
<c:forEach items="${countryList}" var="country" varStatus="status"> 
    countryDetails = new Object();
    countryDetails.country = ${country.name}; 
    var provinces = new Array();

        <c:forEach items="${country.provinces}" var="province" varStatus="provinceStatus"> 
           provinces.push(${province.name});
        </c:forEach> 
    countryDetails.provinces = provinces;
    countries.push(countryDetails);
</c:forEach>

now what you have is something like this in javascript

var countries = [
  {country:"USA",
  provinces: [
    "Ohio",
    "New York",
    "California"
  ]},
  {country:"Canada",
  provinces: [
    "Ontario",
    "Northern Territory",
    "Sascetchewan"
  ]},
]

The other option would be to make your output look like the javascript I posted.

var countries = [
<c:forEach items="${countryList}" var="country" varStatus="status">  
    {country: '${country.name}',
    provinces : [ 
        <c:forEach items="${country.provinces}" var="province" varStatus="provinceStatus">  
           '${province.name}'
           <c:if test="${!provinceStatus.last}">    
             ,    
           </c:if>   
        </c:forEach>  
    ]}
    <c:if test="${!status.last}">    
      ,    
    </c:if>  
    </c:forEach>  
];

More Related Contents:

  1. How to set the JSTL variable value in javascript?
  2. compare each 5 numbers of two array [closed]
  3. fetch first element of every string in array using javascript [closed]
  4. Convert string into several integer arrays [duplicate]
  5. How to get all the values associated with an object in array?
  6. Sort array of objects by single key with date value
  7. How to group by and sum an array of objects? [duplicate]
  8. Group objects by multiple properties in array then sum up their values
  9. Javascript swap array elements
  10. How to add an object to an array
  11. Check if an array is empty or exists
  12. How can I check if the array of objects have duplicate property values?
  13. GetElementByID – Multiple IDs
  14. Difference and intersection of two arrays containing objects
  15. How can I reverse an array in JavaScript without using libraries?
  16. What is the most efficient way to sort an Html Select’s Options by value, while preserving the currently selected item?
  17. Remove all falsy values from an array
  18. Sort array containing objects based on another array [duplicate]
  19. javascript function inArray
  20. traversing through JSON string to inner levels using recursive function
  21. In JavaScript, what is the best way to convert a NodeList to an array?
  22. Do loops check the array.length every time when comparing i against array.length?
  23. Big O of JavaScript arrays
  24. Difference between using Array.isArray and instanceof Array
  25. weird array behaviour in javascript [duplicate]
  26. How to set DOM element as first child?
  27. Trying to solve symmetric difference using Javascript
  28. Strings as keys of array
  29. What does [] mean in JavaScript?
  30. Group and count values in an array

Leave a Comment