Transform the JSON response

Question

Transform the JSON response

Is there a way to transform the following data into A-Apple, B-Apple, A-Mango?

{
        "Apple": [
            "A",
            "B"
        ],                                         
        "Mango": [
            "A"
        ]
    }

javascript arrays

Answer 1

Answer №1

Could you provide more details on your desired outcome rather than just asking for a solution? One approach is to utilize Object.entries to iterate through and extract [key, value] pairs before processing the data further.

Are you looking for the final result in the form of a string or an array?

Refer to the example snippet below for guidance.

const array = {"Apple": ["A","B"],"Mango": ["A"]};
let results = [];


//https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries
for (const [key, value] of Object.entries(array)) {
  // Extract values for each key and iterate over them
  var values = (value || "").toString().split(",");
  // Loop through values and customize output with key/value pair
  (values || []).forEach(val => {
      results.push(`${val}-${key}`);
  });
};

const asArr = results;
const asString = results.join(', ');

console.log(`As ${typeof asArr}: ` + asArr);
console.log(`As ${typeof asString}: ` + asString);

Answer 2

Could you provide more details on your desired outcome rather than just asking for a solution? One approach is to utilize Object.entries to iterate through and extract [key, value] pairs before processing the data further.

Are you looking for the final result in the form of a string or an array?

Refer to the example snippet below for guidance.

const array = {"Apple": ["A","B"],"Mango": ["A"]};
let results = [];


//https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries
for (const [key, value] of Object.entries(array)) {
  // Extract values for each key and iterate over them
  var values = (value || "").toString().split(",");
  // Loop through values and customize output with key/value pair
  (values || []).forEach(val => {
      results.push(`${val}-${key}`);
  });
};

const asArr = results;
const asString = results.join(', ');

console.log(`As ${typeof asArr}: ` + asArr);
console.log(`As ${typeof asString}: ` + asString);

Transform the JSON response

Answer №1

Similar questions

The use of a MongoId object as an array is not allowed

Arranging an array in Angular 7 with various states and numbers

What are the best practices for utilizing databases with both Javascript and JSF frameworks?

How can you retrieve the `categoryIds` key within an object that holds an array of mongodb's `ObjectId(s)` as its value?

Tips for transferring a Spring MVC controller variable to JavaScript

The webpage is displaying an error stating that "<function> is not defined."

Angular 2 Update RC5: Router Provider Not Found

How can one ensure the preservation of array values in React?

Embracing Error Handling with ES6 Promises

Using JSON in JavaScript to handle the click event of ASP.NET buttons

What is the method for dynamically updating and showcasing a JSON file upon the click of a button?

Discover how to shallow test for the presence of a wrapped component using Jest and Enzyme

What steps can you take to address Git conflicts within the yarn.lock file?

Combining multiple records into a single string in BigQuery is a common operation

Merge numerous datasets according to the student identification number

"React issue: Troubleshooting problems with using .map method on arrays of

Failing to hide a div on hover: Hoverintent's shortcomings

Adding multiple clones of Node to an array of objects using a POST request

Analyzing the differences between an std::array and a conventional array in C++

What is the best way to transfer variables defined in PHP to JavaScript?