Group array values in group of 3 objects in each array using underscore.js

 To group values from an array into sub-arrays of a specified size using Underscore.js, you can leverage the library's utility functions effectively. Here's a guide to achieve this using Underscore.js.

Group Array Values into Sub-Arrays with Underscore.js

Objective: Group the values of an array into sub-arrays of 3 elements each.

Input:

javascript:

var xyz = {"name": ["hi","hello","when","test","then","that","now"]};

Desired Output:

javascript:

[["hi","hello","when"],["test","then","that"],["now"]]

Steps to Accomplish the Task

1. Include Underscore.js: Ensure you have Underscore.js included in your project. You can add it via a <script> tag in your HTML or install it via npm if you're working in a Node.js environment.

   For browser:

   html:
   
   <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.13.2/underscore-min.js"></script>
   

   For Node.js:

   bash:
   
   npm install underscore
   

2. Extract and Group Values: Use Underscore.js’s _.chunk function to divide the array into chunks of the desired size.

   Here’s how you can achieve this:

   javascript:
   
   // Assuming you have Underscore.js loaded
   var _ = require('underscore'); // For Node.js environments
   
   var xyz = {"name": ["hi","hello","when","test","then","that","now"]};
   
   // Extract the array of values
   var values = xyz.name;
   
   // Group the values into chunks of 3
   var groupedValues = _.chunk(values, 3);
   
   // Log the result
   console.log(groupedValues);
   

   Explanation:

   • _.chunk(array, size) divides array into groups of size elements each. The last group may contain fewer than size elements if the total number of elements is not a perfect multiple of size.

3. Output: When you run the code above, groupedValues will be:

   javascript:
   
   [["hi","hello","when"],["test","then","that"],["now"]]
   

Additional Notes

• Handling Edge Cases: If your array has fewer elements than the chunk size, _.chunk will handle this by returning a final chunk with the remaining elements.
• Underscore.js vs. Lodash: If you are using Lodash instead of Underscore.js, the same _.chunk function is available in Lodash as well.

By following these steps, you can efficiently group array values into sub-arrays of your desired size using Underscore.js.