JavaScript can be used to append multiple array values within double brackets in Spring MVC

Question

JavaScript can be used to append multiple array values within double brackets in Spring MVC

I am currently developing an application using Spring MVC with MongoDB.

In the collection, I have retrieved multiple image name values:

Ex: 1.jpg, 2.jpg, 3.jpg....

My Query:

Now I need to place these values inside double brackets [[]]

Ex : [["1.jpg","2.jpg","3.jpg"]]

Below is a snippet of my code:

<script type="text/javascript"> 
 var slices = [];
 <c:forEach var="items" items="${LiteCOLL.dwi}" varStatus="status">
    <c:forEach items="${items.TTP}" var="item">
        slices.push("${item}");     
    </c:forEach>
 </c:forEach>  

    var params = [];
    var data = [["1.jpg","2.jpg","3.jpg"]];
    params["images"] = data;

</script>

I have attempted some solutions but have been unable to resolve the issue.

javascript arrays mongodb spring-mvc multidimensional-array

Answer 1

Answer №1

Your existing code already retrieves an array, but if you require an array of arrays, you can achieve this by creating a new array and pushing the "slices" into it.

<script type="text/javascript"> 
 var slices = [];
 <c:forEach var="items" items="${LiteCOLL.dwi}" varStatus="status">
    <c:forEach items="${items.TTP}" var="item">
        slices.push("${item}");     
    </c:forEach>
 </c:forEach>  

  var result = [slices];
</script>

Answer 2

Your existing code already retrieves an array, but if you require an array of arrays, you can achieve this by creating a new array and pushing the "slices" into it.

<script type="text/javascript"> 
 var slices = [];
 <c:forEach var="items" items="${LiteCOLL.dwi}" varStatus="status">
    <c:forEach items="${items.TTP}" var="item">
        slices.push("${item}");     
    </c:forEach>
 </c:forEach>  

  var result = [slices];
</script>

Answer 3

Answer №2

function separateImages(){
    var dbData = '1.jpg, 2.jpg, 3.jpg';
    var splitStr = dbData.split(',');

    var array1 = [];
    for(var i=0; i<splitStr.length; i++) {
        array1.push(splitStr[i]);
    }

    var array2 = [];
    array2.push(array1);

    console.log(JSON.stringify(array2));
}

First, the images need to be split. Then, declare two arrays and push each image one by one into the arrays.

Answer 4

function separateImages(){
    var dbData = '1.jpg, 2.jpg, 3.jpg';
    var splitStr = dbData.split(',');

    var array1 = [];
    for(var i=0; i<splitStr.length; i++) {
        array1.push(splitStr[i]);
    }

    var array2 = [];
    array2.push(array1);

    console.log(JSON.stringify(array2));
}

First, the images need to be split. Then, declare two arrays and push each image one by one into the arrays.

JavaScript can be used to append multiple array values within double brackets in Spring MVC

Answer №1

Answer №2

Similar questions

Guide on retrieving the innerHTML of all <a> tags within a specific span class

access older siblings, accordion animation

Having trouble retrieving json data from PHP page using jQuery $.ajax

Sending various data from dialog box in Angular 8

The TypeScript factory design pattern is throwing an error stating that the property does not

Dealing with a frustrating roadblock in Three.js where you encounter an "Unknown format" error while trying to work with

"Enhance Your Video Experience with a Personalized Play Button

Exploring the contrast of utilizing the `new Date()` function compared to Firestore's `new

Optimizing MongoDB for efficient aggregation of extensive data sets

Is there a method to iterate through dynamically added nested arrays, similar to the Russian Matryoshka dolls?

Transmit information to a webpage using jQuery AJAX and the .data() function as you navigate to the page

Issue when Updating Component State: React child cannot be an object

Ensuring that each object in a list contains an optional key if any one object includes it is a task handled by Joi validation

What is the method for retrieving the IDs of checkboxes that have been selected?

Animated Debugging with Node.js

The value stored in $_POST['valuename'] is not being retrieved

Issue with sizing and panning when using a combination of Three.js and CSS3Renderer

Triggering a JavaScript event with every update to the DOM marked as "completed"

IDEA 2021.2 NPM SCRIPTS: Looks like there are no scripts available

Deactivate the date when it reaches 8 in the current date count using ajax, php, and mysql