Is it possible to generate objects dynamically as the program is running?

Question

Is it possible to generate objects dynamically as the program is running?

Looking at the code snippet below, I currently have an array containing two JSON objects. However, if I need to create 20 objects, is there a more efficient way than manually writing each object in the array? Furthermore, is it possible to generate these objects during runtime and assign random values to them as they are being created?

I understand that JavaScript has its limitations when compared to object-oriented programming languages like Java or C#, where you could easily create objects from a single class and add them to a list.

var numbers = [
    {
    "x": 100,
    "y": 100,
    "visible": true,
    "value": 23
    },
    {
    "x": 150,
    "y": 100,
    "visible": true,
    "value": 19
    },
    ];

javascript json

Answer 1

Answer №1

Firstly, it's important to note that JavaScript is indeed a legitimate object-oriented language. Secondly, JavaScript provides the flexibility of creating objects either through constructor functions or using object literals within loops. Thirdly, what you are dealing with in this scenario is not JSON; as stated by there is no actual JSON object.

That being said, here is one approach to achieve the desired outcome:

function getRandomInt(min, max) {
   return Math.floor(Math.random() * (max - min + 1)) + min;
}

var numbers = [];

for (var i=0; i < 20; i++) {
    numbers.push({
       "x": getRandomInt(0, 200),
       "y": getRandomInt(0, 200),
       "visible": true,
       "value": getRandomInt(0, 50)
    });
}

Alternatively, you can utilize a constructor function:

function MyObject() {
   this.x = getRandomInt(0, 200);
   this.y = getRandomInt(0, 200);
   this.visible = true;
   this.value = getRandomInt(0, 50);
}

var numbers = [];

for (var i=0; i < 20; i++)
   numbers.push(new MyObject());

Answer 2

Firstly, it's important to note that JavaScript is indeed a legitimate object-oriented language. Secondly, JavaScript provides the flexibility of creating objects either through constructor functions or using object literals within loops. Thirdly, what you are dealing with in this scenario is not JSON; as stated by there is no actual JSON object.

That being said, here is one approach to achieve the desired outcome:

function getRandomInt(min, max) {
   return Math.floor(Math.random() * (max - min + 1)) + min;
}

var numbers = [];

for (var i=0; i < 20; i++) {
    numbers.push({
       "x": getRandomInt(0, 200),
       "y": getRandomInt(0, 200),
       "visible": true,
       "value": getRandomInt(0, 50)
    });
}

Alternatively, you can utilize a constructor function:

function MyObject() {
   this.x = getRandomInt(0, 200);
   this.y = getRandomInt(0, 200);
   this.visible = true;
   this.value = getRandomInt(0, 50);
}

var numbers = [];

for (var i=0; i < 20; i++)
   numbers.push(new MyObject());

Answer 3

Answer №2

let figures = [];

for(let j = 0; j < 30; ++j) {
    figures.push({
        a: Math.random(),
        b: Math.random(),
        show: Math.round(Math.random() * 10) / 20) % 3 == 0,
        val: Math.random()
    });
}

Answer 4

let figures = [];

for(let j = 0; j < 30; ++j) {
    figures.push({
        a: Math.random(),
        b: Math.random(),
        show: Math.round(Math.random() * 10) / 20) % 3 == 0,
        val: Math.random()
    });
}

Is it possible to generate objects dynamically as the program is running?

Answer №1

Answer №2

Similar questions

Python's nested if conditions allow for more complex conditions to be

Encountering problems when trying to mock values with Jest

Query parsing in JSON using the Elasticsearch Java API is what we need to focus

Are foreign characters the culprit behind the JSON parsing problem?

Changing the value of undefined properties in a JavaScript object

Is there a way to transform the SmartyStreets' jQuery.LiveAddress plugin into its JavaScript SDK?

Transforming the contents of a folder into a json document

The Laravel controller is producing a JSON response that is coming back as undefined

What exactly does a module's scope entail in browsers and Node.js environments?

Unable to properly access required file path through HTML source

Issue with posting data to a JSON file using Vue and axios

Looking to achieve a scroll effect with mix-blend-mode using JavaScript?

Sending a parameter value from a blade view in Laravel to a controller: tips and tricks

Is it more efficient to declare a variable or directly return the variable from the Element's getText() promise in Protractor?

Retrieve the value of a variable by using either an HTTP GET or POST request

What could be the reason why I am unable to choose my radio button? What error am I

Create a typing effect in Javascript that mimics the user's input

Troubleshooting Images in a React Application Integrated with WordPress API

Instructions for adding a Key every time a user clicks the space Key within an Input field

Make a div with absolute positioning overflow outside of a div with relative positioning that is scrollable