Traverse through deeply nested objects and combine into a single string using the Lodash library

Question

Traverse through deeply nested objects and combine into a single string using the Lodash library

Currently, I am utilizing Lodash to streamline object manipulation. Within my object, there are three nested objects that I would like to iterate through, combining all of their respective children in various combinations. The goal is to include only one item from each list.

Here is a representation of my object:

{
  "list_1": {
    "1": ".cat-3",
    "2": ".cat-5",
    "3": ".cat-7"
  },
  "list_2": {
    "1": ".eyes-blue",
    "3": ".eyes-brown"
  },
  "list_3": {
    "1": ".jazz",
    "2": ".commercial",
    "3": ".hip-hop"
  }
}

The desired output should look something like this:

.cat-3.eyes-blue.jazz
.cat-3.eyes-blue.commercial
.cat-3.eyes-blue.hip-hop

The sequence of the values is not significant, as long as only one value from each list_ object is utilized in the string. Therefore, variations such as these are acceptable:

.eyes-blue.jazz.cat-3
.eyes-blue.cat-3.commercial
.hip-hop.eyes-blue.cat-3

Below are additional examples:

.cat-3.eyes-brown.jazz
.cat-5.eyes-brown.hip-hop
.cat-7.eyes-blue.hip-hop

javascript arrays object javascript-objects lodash

Answer 1

Answer №1

Arrange the property values in the form of an array containing arrays:

var arrayOfArrays = [];

_.each(obj, function(item, key) {
  var itemValues = [];
  _.each(item, function(innerItem, innerKey) {
    itemValues.push(innerItem);
  });
  arrayOfArrays.push(itemValues);
});

Create the suffle() function following this guide:

Create a function to retrieve a random element from an array:

function getRandomElement(array) {
  return array[Math.floor(Math.random() * array.length)];
}

Create a function to select random elements from an array of arrays and concatenate them into a string:

function getRandomCombination(arrayOfArrays) {
  var result = ""; 
  _.each(arrayOfArrays, function(innerArray) {
    result += getRandomElement(innerArray);
  })
  return result;
}

Now you can get the desired output by executing something like:

getRandomCombination(suffle(arrayOfArrays));

or, if you prefer to keep arrayOfArrays unchanged:

getRandomCombination(suffle(arrayOfArrays.slice(0)));

Answer 2

Arrange the property values in the form of an array containing arrays:

var arrayOfArrays = [];

_.each(obj, function(item, key) {
  var itemValues = [];
  _.each(item, function(innerItem, innerKey) {
    itemValues.push(innerItem);
  });
  arrayOfArrays.push(itemValues);
});

Create the suffle() function following this guide:

Create a function to retrieve a random element from an array:

function getRandomElement(array) {
  return array[Math.floor(Math.random() * array.length)];
}

Create a function to select random elements from an array of arrays and concatenate them into a string:

function getRandomCombination(arrayOfArrays) {
  var result = ""; 
  _.each(arrayOfArrays, function(innerArray) {
    result += getRandomElement(innerArray);
  })
  return result;
}

Now you can get the desired output by executing something like:

getRandomCombination(suffle(arrayOfArrays));

or, if you prefer to keep arrayOfArrays unchanged:

getRandomCombination(suffle(arrayOfArrays.slice(0)));

Answer 3

Answer №2

Utilizing the zip function provided by lodash, you can group elements into arrays where the first array contains the first elements from each given array, the second array contains the second elements, and so on.

_.zip(['alice', 'bob'], [25, 35], [false, true]);
// → [['alice', 25, false], ['bob', 35, true]]

Answer 4

Utilizing the zip function provided by lodash, you can group elements into arrays where the first array contains the first elements from each given array, the second array contains the second elements, and so on.

_.zip(['alice', 'bob'], [25, 35], [false, true]);
// → [['alice', 25, false], ['bob', 35, true]]

Traverse through deeply nested objects and combine into a single string using the Lodash library

Answer №1

Answer №2

Similar questions

Problem with jQuery's .prepend method being called twice on list items

Struggling with deploying Next.js on Vercel

Error: react-router v4 - browserHistory is not defined

What is the best way to create height segments from a cylinder in three.js?

What are the steps to create a "load more" button that displays additional rows?

Here's a guide on executing both GET and POST requests using a single form

Tips for ensuring a document stays at the top of my collection when performing an update

How can jQuery determine the amount of line breaks within a div element?

To trigger a pop-up window displaying a link upon clicking the submit button

Javascript - combining properties using "concatenation"

What are some Ruby array functions that can be used to find items based on an object's attribute?

I am experiencing an issue where my observable value gets reset after setting it in KnockoutJS + Chosen

Implementing modifications to all HTML elements simultaneously

Is there a way to customize the color of the HR element in a Material-UI Select Field?

Utilizing JavaScript for the removal or hiding of span elements with specific class attributes

Comparing the differences between while loops and setTimeout function in JavaScript

Exploring a Discord.js collection: tips for accessing and manipulating objects within an array in the collection

Having successfully configured and published Google Tag Manager, unfortunately, I am encountering difficulties in displaying the tag on the website

Tips for manipulating bits 52-32 within Javascript code, without utilizing string methods

What is the best way to use element.appendChild to generate a link?