Employ a variable in order to send json

Question

Employ a variable in order to send json

Is it possible to insert data into a predefined JSON variable using a variable? Here are the predefined JSON variables:

    data(){
        return {
            dataMON: [],
            dataTUE: [],
            dataWED: [],
            dataTHU: [],
            dataFRI: []

        }
    }

And this is the data that needs to be added:

getTimeTable() {
                var db = firebase.firestore();

                var date = new Date();
                var weekday = new Array(5);
                weekday[0] = "monday";
                weekday[1] = "tuesday";
                weekday[2] = "wednesday";
                weekday[3] = "thursday";
                weekday[4] = "friday";

                weekday.forEach(day => {

                    var dayLowerCase = day.slice(0, 3);
                    var dayUpperCase = dayLowerCase.toUpperCase();


                    var tmpTable = {
                        period: doc.id,
                        course: fullTempTable.fach,
                        teacher: fullTempTable.lehrer,
                        room: fullTempTable.raum
                                };
                                this.day.[dayUpperCase].push(tmpTable);   

                });
            }

The issue arises when trying to use day[dayUpperCase] as it searches for the object named dayUpperCase. Is it possible to utilize variables in this situation?

javascript json vue.js

Answer 1

Answer №1

To retrieve the complete property name, you need to concatenate the full name in your string.

let monthUpperCase = monthLowerCase.toUpperCase();
let propertyName = "month" + monthUpperCase;

After that, you can retrieve it using bracket notation (without using a period in front):

this[propertyName]

Answer 2

To retrieve the complete property name, you need to concatenate the full name in your string.

let monthUpperCase = monthLowerCase.toUpperCase();
let propertyName = "month" + monthUpperCase;

After that, you can retrieve it using bracket notation (without using a period in front):

this[propertyName]

Answer 3

Answer №2

It is considered best practice to establish a new object:

data() {
    return {
        day: {
            MON: [],
            TUE: [],
            WED: [],
            THU: [],
            FRI: []
        }
    };
}

This approach is more efficient in the long term compared to adding strings directly, as it maintains organization within your data object. Resorting to string concatenation for property names may indicate a potential "code smell" that suggests creating a separate object would be more appropriate. For instance, if another developer were to examine the data object, searching for "dataMON" using ctrl-f to track its usage or modification would be ineffective due to the dynamic nature of the properties. This also applies to IDEs that offer a "Find all usages" feature for a specific property. By utilizing a distinct object, it becomes simpler for other developers to locate where the .day object is altered or accessed.

You can then implement the following (note that the use of [] eliminates the need for a .):

this.day[dayUpperCase].push(tmpTable);

Answer 4

It is considered best practice to establish a new object:

data() {
    return {
        day: {
            MON: [],
            TUE: [],
            WED: [],
            THU: [],
            FRI: []
        }
    };
}

This approach is more efficient in the long term compared to adding strings directly, as it maintains organization within your data object. Resorting to string concatenation for property names may indicate a potential "code smell" that suggests creating a separate object would be more appropriate. For instance, if another developer were to examine the data object, searching for "dataMON" using ctrl-f to track its usage or modification would be ineffective due to the dynamic nature of the properties. This also applies to IDEs that offer a "Find all usages" feature for a specific property. By utilizing a distinct object, it becomes simpler for other developers to locate where the .day object is altered or accessed.

You can then implement the following (note that the use of [] eliminates the need for a .):

this.day[dayUpperCase].push(tmpTable);

Employ a variable in order to send json

Answer №1

Answer №2

Similar questions

What are the steps to determine if a radio has been examined through programming?

Guide on Postman: Tracking the number of occurrences for a particular object in a JSON reply

React app's compilation is failing due to non-compliant ES5 code generation of the abab module, resulting in errors on IE

Issue with height in self-invoking function not functioning correctly

The issue of JQuery and document ready being triggered multiple times while loading data into a control

Is it possible to detect inline elements that have been wrapped?

What is the reason that the for loop updates all indexes in Node.js?

Error: Unable to access the toISOString property of an undefined object

Steps for successfully sending data to a MenuItem event handlerExplanation on how to

Show information in a table based on a unique identifier

Error: Vue js - module store has not been defined

Is it possible to include array elements in a dropdown menu using React?

Using `popWin()` in conjunction with `echo php` in Javascript

Understanding how to parse a JSON object in JavaScript is a

Retrieve the JavaScript object that was initialized within a function

What causes a never-ending loading cycle on a website when a 404 error occurs?

Ways to showcase data from Spotify playlists

Efficient Data Extraction with PySpark from Multiple JSON Files

Tips for successfully setting up a Python script to extract data from .txt files and calculate the total number of positive values

Passing props to another component using the <Link> element in React Router