Creating JSON with dynamically changing properties using JavaScript

Question

Creating JSON with dynamically changing properties using JavaScript

I am currently working with the following JavaScript code:

var date = record.get('Date'),
    day = date.getDate(),
    month = date.getMonth(),
    year = date.getFullYear();

var formattedDate = year + '-' + month + '-' + day;

datePicker.selectedDates = {
    formattedDate: formattedDate
};

At this moment, the value of selectedDates is: formattedDate: '2014-7-27'

However, I would like the result to be '2014-7-27' : '2014-7-27'

Any suggestions on how to achieve this?

javascript

Answer 1

Answer №1

At the moment, there isn't a syntax that allows you to do the following:

var key = "foo", val = "bar";
var obj = {
  [key]: val // results in a syntax error
}

However, you can achieve the same result by using:

var key = "foo", val = "bar";
var obj = {};
obj[key] = val;

A helpful approach could be to create a function that will handle this repetitive code for you. Consider implementing something like this:

var obj = build_object(key, val, key2, val2, ...);

In ES6, we have access to enhanced object literals which provide some additional functionality: , although it may not fulfill all your requirements.

var a = "a", b = "b";
var obj = { a, b, func() {
  return "foo"
} } // { a: "a", b: "b", "func": function () { .. } }

Answer 2

At the moment, there isn't a syntax that allows you to do the following:

var key = "foo", val = "bar";
var obj = {
  [key]: val // results in a syntax error
}

However, you can achieve the same result by using:

var key = "foo", val = "bar";
var obj = {};
obj[key] = val;

A helpful approach could be to create a function that will handle this repetitive code for you. Consider implementing something like this:

var obj = build_object(key, val, key2, val2, ...);

In ES6, we have access to enhanced object literals which provide some additional functionality: , although it may not fulfill all your requirements.

var a = "a", b = "b";
var obj = { a, b, func() {
  return "foo"
} } // { a: "a", b: "b", "func": function () { .. } }

Answer 3

Answer №2

One way to incorporate dynamic key properties into an object is by utilizing square bracket notation.

calendarTracker.chosenDates = {}
calendarTracker.chosenDates[chosenDate] = chosenValue;

Answer 4

One way to incorporate dynamic key properties into an object is by utilizing square bracket notation.

calendarTracker.chosenDates = {}
calendarTracker.chosenDates[chosenDate] = chosenValue;

Creating JSON with dynamically changing properties using JavaScript

Answer №1

Answer №2

Similar questions

Targeting a single element in a list with JavaScript operations

Incorporating D3's library functions into Rxjs for seamless integration with Observables

Troubleshooting Google Chrome Extension: chrome.storage.sync.get malfunctioning

Transmit information from node.js to the frontend utilizing only raw JavaScript

Structure for using Node modules

Access the value of a JavaScript global variable using Selenium in Python

React-native - Dropdownpicker - Error: Unable to retrieve label for selected choice

Ajax cannot seem to come to a resolution

two separate .Click() functions operating in unison rather than independently - jquery

Ways to incorporate various time intervals between individual slides in bxslider

Retrieve the data from the file input field

Notification prompt when removing items

Reorganize components in MongoDB record

Is it possible to set a single variable value for multiple attributes simultaneously in Javascript?

Leveraging database information in JavaScript through JSON

Upon refreshing the datatable, I encountered a issue where the checkbox cannot be selected

What is causing the overwhelming reaction when using window.open() to open the same file?

Jquery - Ajax: Error in Syntax JSON.parse: character not expected

Unable to extract all advertisements from Facebook Marketplace

Issues arise when submitting the form on a web page with an MVC 4 partial view, causing the page