Creating a multi-dimensional map object using JavaScript

Question

Creating a multi-dimensional map object using JavaScript

Presented here is a data structure:

tree = [
  {
    "name": "Men Section",
    "categories": [
       {
         "name": "Clothings",
         "Subcategories": [
            {
              "name": "Jackets",
              "products": [
                 {
                    "name": "jacket 01",
                    "price": 100
                 },
                 {
                    "name": "jacket 02",
                    "price": 140
                 },
                 // ..and so on
              ]
         ]
       },
       // ..and so on
    ]
  } // ..and so on
]

In javascript (ES5 or ES6), how can one add a new property isSelected: false to the products item object, resulting in:

{
  "name": "jacket 01",
  "price": 100,
  "isSelected": false
}

?

javascript json dictionary object ecmascript-6

Answer 1

Answer №1

This method has proven to be effective as it meets my needs

Using a tree structure, we iterate through each base, followed by categories and subcategories, then set all products within each subcategory to have isSelected property as false.

Answer 2

This method has proven to be effective as it meets my needs

Using a tree structure, we iterate through each base, followed by categories and subcategories, then set all products within each subcategory to have isSelected property as false.

Answer 3

Answer №2

It seems like I need to navigate through the object hierarchy using nested foreach loops. Here's the solution I've come up with:

tree.categories.forEach(function (category) {
  category.subcategories.forEach(function (subcategory) {
    subcategory.products.forEach(function (product) {
        product.isSelected = false;
    })
  })
})

Grateful for the insight!

Answer 4

It seems like I need to navigate through the object hierarchy using nested foreach loops. Here's the solution I've come up with:

tree.categories.forEach(function (category) {
  category.subcategories.forEach(function (subcategory) {
    subcategory.products.forEach(function (product) {
        product.isSelected = false;
    })
  })
})

Grateful for the insight!

Creating a multi-dimensional map object using JavaScript

Answer №1

Answer №2

Similar questions

React, connecting form inputs

Enhance a query parameter in a Node.js application

How can I retrieve JSON keys and values in JQuery and append them to a list (ul)?

Passing a class as a parameter in Typescript functions

When additional elements follow, the button ceases to function properly in JavaScript

Why does Vue.js Vuex dispatch an action when importing module stores into a helper file?

Are two JavaScript functions conflicting with each other?

"Implement a feature that allows for infinite scrolling triggered by the height of

FNS Date-Timezone Abbreviation

Adjust the HTML 5 range slider to update according to the selected value

Issue with Responsive Font Size functionality in Tailwind and ReactJS not functioning as expected

Utilizing LocalStorage in conjunction with the redux state management

Having trouble fetching JSONP data with $.getJSON

Error encountered while attempting to import the mongoose npm module into a React application

The Angular controller that has been injected into the app is not defined

Prevent the upward arrow from appearing on the first row and the downward arrow from appearing on the last row when

Incorporate a .php webpage into a div using Ajax and Javascript

Easy steps for entering date and time into a Vuetify text input field

Interact with embedded elements in JavaScript by using the onClick event

What is the best way to pass a websocket instance to Vue.js components and then invoke the send() method on it?