JavaScript - Updating array using provided arguments

Question

JavaScript - Updating array using provided arguments

I am working with numerous input elements that trigger a function when clicked, passing along various parameters containing information about the click event.

For example:

onClick="updateCart('product_id', 'product_name', 'product_price');"

My goal now is to create a function that will receive these parameters and store them in an array.

var updateCart = function (product_type, product_id, cost_model_id, product_name, subscription_campaign, startup_campaign) {
    this.product_row = [];
};

How can I achieve this?

javascript arrays parameters

Answer 1

Answer №1

To simplify the process, you can utilize the arguments variable, which stores all passed parameters in an array-like format. You can convert it to an array like this:

var updateCart = function() {
    this.cart_items = Array.prototype.slice.call(arguments);
    // Alternatively: this.cart_items = [].slice.call(arguments);
};

Answer 2

To simplify the process, you can utilize the arguments variable, which stores all passed parameters in an array-like format. You can convert it to an array like this:

var updateCart = function() {
    this.cart_items = Array.prototype.slice.call(arguments);
    // Alternatively: this.cart_items = [].slice.call(arguments);
};

Answer 3

Answer №2

function addToCart(productType, productId, costModelId, productName, subCampaign, startCampaign) {
    this.selectedProduct = [ productType, productId, costModelId, productName, subCampaign, startCampaign ];
};

Does this meet your requirements?

To access the information later on, you can simply use:

this.selectedProduct[0]; //returns productType

If you prefer a more user-friendly approach, consider using an object:

function addToCart(productType, productId, costModelId, productName, subCampaign, startCampaign) {
    this.selectedProduct = { "productType": productType, "productId": productId, "costModelId": costModelId, "productName": productName, "subCampaign": subCampaign, "startCampaign": startCampaign };
};

Answer 4

function addToCart(productType, productId, costModelId, productName, subCampaign, startCampaign) {
    this.selectedProduct = [ productType, productId, costModelId, productName, subCampaign, startCampaign ];
};

Does this meet your requirements?

To access the information later on, you can simply use:

this.selectedProduct[0]; //returns productType

If you prefer a more user-friendly approach, consider using an object:

function addToCart(productType, productId, costModelId, productName, subCampaign, startCampaign) {
    this.selectedProduct = { "productType": productType, "productId": productId, "costModelId": costModelId, "productName": productName, "subCampaign": subCampaign, "startCampaign": startCampaign };
};

JavaScript - Updating array using provided arguments

Answer №1

Answer №2

Similar questions

The React DevTools display components with the message "Currently Loading."

I encountered a RangeError with code [ERR_HTTP_INVALID_STATUS_CODE] due to an invalid status code being undefined

"Troubleshooting a 400 Bad Request Error in Node.js and Express for a

Efficient Array Comparing Speed

How can I execute a task following a callback function in node.js?

extracting values from an array using the map function in React

Please do not exceed two words in the input field

Determining the selected option's value made by the user

Using JSON in JavaScript to handle the click event of ASP.NET buttons

Assign specific CSS classes to elements based on the v-model value in Vue.js

Trigger a modal from one sibling Angular component to another

Issues with Fetch API and CORS in Web Browsers

Ensuring the screen reader shifts focus to the previous element

Implementing access restrictions for modules in NodeJS

Instructions on opening a modal and changing the source of the iframe within the modal

Is there a way to find the JavaScript Window ID for my current window in order to utilize it with the select_window() function in

A step-by-step guide to incorporating VeeValidate with vue-i18n

Attempting to save data to a .txt file using PHP and making an AJAX POST request

Integrating information from an API into the Document Object Model

Bootstrap Table encountering issues when displaying JSON data from Ajax response