To modify a list

Question

To modify a list

I'm facing a challenge where I need to restructure an array, but I'm not sure where to begin.

Here is the original array:

var products =
[
  "rose-S", 
  "rose-M", 
  "rose-L", 
  "rose-XL", 
  "rose-XL", 
  "blue-XS", 
  "blue-L", 
  "green-M"
]

The desired structure should be:

{ 
  "rose": { 
    "S": 1, 
    "M": 1, 
    "L": 1, 
    "XL": 2 
  }, 
  "blue": { 
    "XS": 1, 
    "L": 1 
  }, 
  "green": { 
    "M": 1 
  }, 
}

What are some steps I could take to achieve this restructuring?

javascript arrays

Answer 1

Answer №1

Transform the array into an object structure by extracting and categorizing the items based on their color and size attributes. Ensure that a separate sub-object is created for each unique color, and within it, another level of objects for different sizes with a count of occurrences:

const products = ["rose-S","rose-M","rose-L","rose-XL","rose-XL","blue-XS","blue-L","green-M"]

const result = products.reduce((acc, item) => {
  const [color, size] = item.split('-') // obtain color and size information from each item
  
  if(!acc[color]) acc[color] = {} // create color object if it doesn't exist
  
  if(!acc[color][size]) acc[color][size] = 0 // set size sub-object if not already present
  
  acc[color][size] += 1 // increase count of current color/size combination

  return acc
}, {})

console.log(result)

Answer 2

Transform the array into an object structure by extracting and categorizing the items based on their color and size attributes. Ensure that a separate sub-object is created for each unique color, and within it, another level of objects for different sizes with a count of occurrences:

const products = ["rose-S","rose-M","rose-L","rose-XL","rose-XL","blue-XS","blue-L","green-M"]

const result = products.reduce((acc, item) => {
  const [color, size] = item.split('-') // obtain color and size information from each item
  
  if(!acc[color]) acc[color] = {} // create color object if it doesn't exist
  
  if(!acc[color][size]) acc[color][size] = 0 // set size sub-object if not already present
  
  acc[color][size] += 1 // increase count of current color/size combination

  return acc
}, {})

console.log(result)

To modify a list

Answer №1

Similar questions

Tricky traversal of a sophisticated SimpleXMLElement structure

Verify if uploading a photo is necessary

Using JavaScript to we can transfer the function result to an HTML input field

AngularJS ng-repeat doesn't refresh following an Ajax request

Tips on employing the sendkeys function in selenium webdriverjs through promise chaining

Effortlessly fill dropdown menus with data from JSON files

Updating input value in React on change event

Retrieve 2 values from a JSON array in a Node.js environment

Encountering a tucked-away issue with the Safari scroll bar?

Confirm the input validity using jQuery for radio buttons, checkboxes, and dropdown menus

Encountering an issue with resolving a local variable during the execution of a test with Protractor

Indication of a blank tab being displayed

The error message stating that an arrow function is expected after declaring this type parameter

Repositioning a variable number of divs as the cursor hovers over the target area

Error: Unable to assign property '_id' to a string

Prevent the default submission of the form while still allowing the browser's autocomplete feature to function

Husky 5: The Ultimate Gitignore Manager

Display a text field upon clicking on a specific link

Extracting portions of a string using the "sscanf" function in the C programming language

Unlimited scrolling gallery with multiple rows