Creating an object in real-time

Question

Creating an object in real-time

Is there a way to dynamically create objects in JavaScript?

My Expectation

var tree_data = {
    'for-sale': {name: 'For Sale', type: 'folder'},
    'vehicles': {name: 'Vehicles', type: 'folder'},
    'rentals': {name: 'Rentals', type: 'folder'},
    'real-estate': {name: 'Real Estate', type: 'folder'},
    'pets': {name: 'Pets', type: 'folder'},
    'tickets': {name: 'Tickets', type: 'item'},
    'services': {name: 'Services', type: 'item'},
    'personals': {name: 'Personals', type: 'item'}
}

My Attempt

// Removed all white spaces from the string 
var name = result[index].Text.replace(/ /g, '');

// Created the item
var newMenu = {
      folder: {
           name: result[index].Text,
           type: "folder"
      }
}

// Populated the object
self.tree_data.push(newMenu);

However, my tree_data object ends up looking like this

{ 
   folder: {
         name: "For Sale',
         type: 'Folder'
   }
}

The key folder should be the same as the name without whitespace. How can I achieve this in JavaScript?

javascript

Answer 1

Answer №1

To access the object using the name as the index, you can do the following:

// Removing all white space from a string
var nameIndex = result[indice].Texto.replace(/ /g, ''); // Consider using .replace(/ /g, '-') instead

// Creating a new item in the menu object
var newMenu = {};
newMenu[ nameIndex ] = {
           name: result[indice].Texto,
           type: "folder"
      }
};

// Adding the new item to the json array
self.tree_data.push(newMenu);

Answer 2

To access the object using the name as the index, you can do the following:

// Removing all white space from a string
var nameIndex = result[indice].Texto.replace(/ /g, ''); // Consider using .replace(/ /g, '-') instead

// Creating a new item in the menu object
var newMenu = {};
newMenu[ nameIndex ] = {
           name: result[indice].Texto,
           type: "folder"
      }
};

// Adding the new item to the json array
self.tree_data.push(newMenu);

Answer 3

Answer №2

tree_data is actually an object and not an array. Initialization should be done like this:

self.tree_data = {};

In order to add to it within your loop, you can use the following code snippet:

self.tree_data[nome] = novoMenu;

Answer 4

tree_data is actually an object and not an array. Initialization should be done like this:

self.tree_data = {};

In order to add to it within your loop, you can use the following code snippet:

self.tree_data[nome] = novoMenu;

Creating an object in real-time

Answer №1

Answer №2

Similar questions

CDK Drag and Drop capability for lists within lists

Increasing the size of a div container based on the position of the cursor on the

What is the best way to create a page that moves on release using HTML/CSS?

Which option's value was recently removed from the fetch command?

Maintain the cache in internet browsers

Exploring how to access properties of objects in javascript

Looking to display the variable values on the page even after a refresh?

"Receiving an 'undefined index' error when attempting to post in Ajax with

Exploring the compatibility of Husky with Typicode using Yarn

Execute a function on each item within a JavaScript array

A guide to organizing page components across multiple `/pages` directories in a Next.js application

Javascript is not fetching the value

Implementing Typescript for managing state in React components

Troubleshooting port deployment challenges on GCP for a Node.js project

Is the fs.watch method being triggered unexpectedly?

Mysterious dual invocation of setState function in React

ngSanitize continues to present plain text rather than rendering HTML code

The act of sending back Null from the Array.map() function

For handling the onSubmit event, utilize both axios and axios-mock-adapter

Determine the height of an element within an ng-repeat directive once the data has been fetched from an