Generating multiple arrays within a multidimensional array using Javascript in a dynamic way

Question

Generating multiple arrays within a multidimensional array using Javascript in a dynamic way

I have a single variable called $arrayQuantity that holds a changing value. This value determines how many item arrays should be created within the $itemsContainer array when the page is loaded.

For example:

//In this example, I want to create 3 `item` arrays inside the *itemsContainer* array.
//Each of these arrays will contain two dynamic values: `object_name` and `quantity`.

var object_name;
var quantity;
var item = [object_name, quantity];
var arrayQuantity = 3; 
var itemsContainer = [];

//Below is an example of filling the array with dynamic data.
itemsContainer = [["Chair", "2"]["Table", "5"]["Glass", "8"]];

How should I go about solving this issue?

EDIT :

The dynamic data for object_name and quantity is determined based on which button is pressed on the screen (this information is not relevant to the question).

If the object_name already exists within the array, only the quantity should be updated in order to avoid duplicate entries of the same object_name.

javascript arrays multidimensional-array

Answer 1

Answer №1

It is unclear where the data for object_name and quantity originates from, but one approach could be to create a loop that goes through the number of times specified in arrayQuantity and adds a new array to itemsContainer.

var arrayQuantity = 3;
var itemsContainer = [];

for(var i=0; i < arrayQuantity; i++) {
    var arrItem = ["itemName", Math.floor((Math.random() * 10) + 1)];
    itemsContainer.push(arrItem);
}

console.log(itemsContainer);

If you're unsure about the source of your values, this code snippet may steer you in the right direction.

>> Example on JSFiddle

-mbp

Answer 2

It is unclear where the data for object_name and quantity originates from, but one approach could be to create a loop that goes through the number of times specified in arrayQuantity and adds a new array to itemsContainer.

var arrayQuantity = 3;
var itemsContainer = [];

for(var i=0; i < arrayQuantity; i++) {
    var arrItem = ["itemName", Math.floor((Math.random() * 10) + 1)];
    itemsContainer.push(arrItem);
}

console.log(itemsContainer);

If you're unsure about the source of your values, this code snippet may steer you in the right direction.

>> Example on JSFiddle

-mbp

Answer 3

Answer №2

Begin by creating the inner array and inserting it into the outer array

var objects = ["Desk", "Lamp", "Bookshelf"];
var quantities = ["3", "6", "10"];
var storageContainer = [];
var totalObjects = 3;
for (var j = 0; j < totalObjects; j++) {
    var item_name = objects[j];
    var quantity = quantities[j];
    var stored_item = [item_name, quantity];
    storageContainer.push(stored_item);
}
console.log(storageContainer);

For a more efficient method, consider using Array map

var objects = ["Desk", "Lamp", "Bookshelf"];
var quantities = ["3", "6", "10"];
var storageContainer = objects.map(function(obj, index){
    return [obj, quantities[index]];
});

To update a specific item in the container:

var item_name = "Desk";
var quantity = "99999";
for (var j = 0; j < storageContainer.length; j++) {
    if (storageContainer[j][0] === item_name) {
        storageContainer[j][1] = quantity;
    }
}

Answer 4

Begin by creating the inner array and inserting it into the outer array

var objects = ["Desk", "Lamp", "Bookshelf"];
var quantities = ["3", "6", "10"];
var storageContainer = [];
var totalObjects = 3;
for (var j = 0; j < totalObjects; j++) {
    var item_name = objects[j];
    var quantity = quantities[j];
    var stored_item = [item_name, quantity];
    storageContainer.push(stored_item);
}
console.log(storageContainer);

For a more efficient method, consider using Array map

var objects = ["Desk", "Lamp", "Bookshelf"];
var quantities = ["3", "6", "10"];
var storageContainer = objects.map(function(obj, index){
    return [obj, quantities[index]];
});

To update a specific item in the container:

var item_name = "Desk";
var quantity = "99999";
for (var j = 0; j < storageContainer.length; j++) {
    if (storageContainer[j][0] === item_name) {
        storageContainer[j][1] = quantity;
    }
}

Generating multiple arrays within a multidimensional array using Javascript in a dynamic way

Answer №1

Answer №2

Similar questions

Unable to display PHP response in a div using AJAX - issue persisting

Am I on the right track with my code for generating a mirror image of a 2D array?

Arranging elements on top of a fixed element using JavaScript and CSS

Eliminate a single character from an array in PHP

Divide an array into smaller chunks using array_chunk dynamically, depending on the elements in

Utilize resources from webpack's bundled npm package assets

Retrieve the date and month information from the data-date-format

The freshly generated input element is disregarding modifications to attributes

The ajax call I made is not retrieving any data, only returning an empty array

Is there a way to store the form data as a text file using jQuery or JavaScript and sending it to a PHP file?

Utilizing EXTJS 5: Choosing between a tagfield or combobox to dynamically display and conceal form fields

Utilize the power of REACT JS to transform a specific segment within a paragraph into a hyperlink. Take advantage of the click event on that hyperlink to execute an API request prior to

Issue with Laravel: Using `$request->all()` results in an empty array when called using JSON XHR

Tips for securely utilizing a javascript API without exposing your API key

What is the best way to prepopulate form values in a Vue object?

From Objective-C to JSON to PHP array

Is it possible for the Jquery Accordion to retract on click?

ESLint is not performing linting even though the server is operational

Stop the selection of text within rt tags (furigana)

How can Python be used to change the positions of characters using their indices?