Ways to programmatically append data to an object using JavaScript

Question

Ways to programmatically append data to an object using JavaScript

My dilemma involves an object:

var myObject={};

accompanied by a function that appends values to the object:

function appendData(id, name){
    //logic to validate id and name format, specify conditions for name being "John" and id being "I23423"
    myObject.id = name;
}

However, the output consistently appears as:

myObject{
    id="john"
}

What I actually desire is for the id to reflect whatever value the user inputs, resulting in:

myObject{
    I23423="John"
}

Any suggestions on what adjustments should be made?

javascript object

Answer 1

Answer №1

If you're looking to achieve what you're asking for, you'll have to utilize square brackets `[]` on the object as if it were an array. I'm not entirely sure why this is necessary, but that's how it works.

function(id, name){
  var obj = {};
  //any other necessary tasks;
  obj[id] = name;
  return obj;
}

Answer 2

If you're looking to achieve what you're asking for, you'll have to utilize square brackets `[]` on the object as if it were an array. I'm not entirely sure why this is necessary, but that's how it works.

function(id, name){
  var obj = {};
  //any other necessary tasks;
  obj[id] = name;
  return obj;
}

Ways to programmatically append data to an object using JavaScript

Answer №1

Similar questions

The response is dispatched without delay and does not necessitate awaiting

Is it better to store data individually in localStorage or combine it into one big string?

employ identical components in v-if and v-else

jQuery - can you identify which specific object from the entire set this is?

What sets @vue/cli-plugin-unit-jest apart from vue-jest?

What is the best way to keep a header row in place while scrolling?

Issue with React Material-UI Select component not displaying the chosen value

Tips for streamlining distinct states and generalized state in UI Router

jQuery AJAX Concurrent Event

How to Delete Decimal Points from a String Using Regular Expressions

Loading external templates in Angular2 with Webpack2

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

Launch a new tab within the parent window, passing on variables from the parent window

How to handle multiple formData input in NestJS controller

Tips for displaying user-entered information from a form after submitting it with PHP

Use jQuery to dynamically alter color based on conditional statements

What is the best way to enter text into the terminal following the execution of "yarn start"?

Generate an array containing the dates of the past 30 days using Moment.js

apply a course to the designated element

Steps for extracting a portion of the current page's URL