Retrieving the passed argument variable and utilizing it as a key in a map

Question

Retrieving the passed argument variable and utilizing it as a key in a map

I've been working on a JavaScript project recently and I've encountered a situation where I believe my code could be significantly reduced - up to 50% - if I could access the passed arguments to a function and use them as keys. Since I'm still new to JavaScript, some clarification would be greatly appreciated.

Here is what I am trying to achieve

Foo(arg1,arg2){console.log(Map[arg1]);

My goal is to pass arg1 as a key rather than a value of arg1.

Is there a way to accomplish this?

javascript

Answer 1

Answer №1

If you are in need of variable names, you can use a method like the one demonstrated below:

function getVariableNames(arg1, arg2, Arg3){
  var Args = Array.apply(null, arguments);debugger
  var ArgNames = (getVariableNames+"").match(/\(([.\s\S]*?)\)/)[1].replace(/[\s ]/g,"");
  ArgNames = !ArgNames ? [] : ArgNames.split(",");
  for(var i in ArgNames) console.log(ArgNames[i]+": "+Args[i]);
  console.log("Value of arguments: "+Args);
  console.log("Name Of arguments: "+ArgNames);
};
getVariableNames(100,40,"BTTOLA");

This approach works well even if the function has no arguments or is defined within a few lines.

The following types of functions are supported by this approach:

function example(a, b){...};

function example(
   a, 
   b
 ){
   ...
};

var example=function(a, b){...};

Alternatively, for an Arrow function like this:

var example = (a, b) => {...}

You can implement it in a similar way (which is effective for both Arrow and simple functions):

var example = (arg1, arg2, Arg3) => {
  var ArgNames = (example+"").match(/\(([.\s\S]*?)\)/)[1].replace(/[\s ]/g,"");
  ArgNames=ArgNames?ArgNames.split(","):[];
  console.log(ArgNames);
};
example(100,40,"BTTOLA");

Answer 2

If you are in need of variable names, you can use a method like the one demonstrated below:

function getVariableNames(arg1, arg2, Arg3){
  var Args = Array.apply(null, arguments);debugger
  var ArgNames = (getVariableNames+"").match(/\(([.\s\S]*?)\)/)[1].replace(/[\s ]/g,"");
  ArgNames = !ArgNames ? [] : ArgNames.split(",");
  for(var i in ArgNames) console.log(ArgNames[i]+": "+Args[i]);
  console.log("Value of arguments: "+Args);
  console.log("Name Of arguments: "+ArgNames);
};
getVariableNames(100,40,"BTTOLA");

This approach works well even if the function has no arguments or is defined within a few lines.

The following types of functions are supported by this approach:

function example(a, b){...};

function example(
   a, 
   b
 ){
   ...
};

var example=function(a, b){...};

Alternatively, for an Arrow function like this:

var example = (a, b) => {...}

You can implement it in a similar way (which is effective for both Arrow and simple functions):

var example = (arg1, arg2, Arg3) => {
  var ArgNames = (example+"").match(/\(([.\s\S]*?)\)/)[1].replace(/[\s ]/g,"");
  ArgNames=ArgNames?ArgNames.split(","):[];
  console.log(ArgNames);
};
example(100,40,"BTTOLA");

Retrieving the passed argument variable and utilizing it as a key in a map

Answer №1

Similar questions

Should I refrain from storing user files on my server?

Tips on resolving the Hydration error in localStorage while using Next.js

Use Javascript to conceal a div element if there are no links present

Unveiling the significance behind the utilization of the.reduce() function in conjunction with Object.assign()

What is the method for retrieving post ID with the Google Feed API?

What is the process of incorporating a select form within a component?

Implementing personalized callback methods for AJAX requests in Prototype

I possess a certain input and am seeking a new and distinct output

Indeed, verifying parent.parent access

What is the best way to add a URL dynamically when a click event occurs?

What is causing the router.events to not fire for FooComponent in my Angular project?

Leveraging JQueryUI for an audio Seek feature, and dynamically connecting a fresh slider to the <audio> element whenever a song is swapped out

Encountering a Microsoft error while trying to install jsdom with node.js

Obtain data attributes using JQuery's click event handler

Having trouble retrieving POST data with the Webextensions API

What steps can be taken to enhance cleanliness and efficiency, and what are some recommended practices to adhere to?

How to iterate and apply styles to properties of objects in an array using Vue.js?

Tips for modifying a state array in Vuex

How can I ensure that the appropriate 'this' is accessed within a callback function for an AJAX request?

Show an error message in a popup window, following a validation error in Laravel