What is the correct way to invoke a function with a string contained within an object?

Question

What is the correct way to invoke a function with a string contained within an object?

Looking for a way to call a function from an object using a string. Here's an example scenario:

type = 'human'

json: {
    action: 'run',
    type: this.type, //<- Need to call the function associated with the variable type
    'Human', or whatever value the variable type holds.
}

The goal is to parse the string and invoke the matching function.

This is specifically for Angular. I've attempted using window['function'] but Angular throws an error saying it's not a function.

Appreciate any help on this! Thank you!

javascript typescript angular6

Answer 1

Answer №1

It seems like what you're trying to say is that you have an object containing a property, and the value of that property is also the name of the function you wish to invoke.

Let's consider an array of objects as an example:

const items = [{func:'a',val:5}, {func:'b',val:7}];

You want to loop through these objects and call the function 'a' for the first one and the function 'b' for the second one.

One approach is to define your functions within an object:

const actions = {
  a: function(value) {
    console.log('executing function a');
    console.log(value);
  },
  b: function(value) {
    console.log('executing function b');
    console.log(value);
  }
}

Then, you can achieve this by doing something similar to the following:

items.forEach(item => actions[item.func](item.val));

Answer 2

It seems like what you're trying to say is that you have an object containing a property, and the value of that property is also the name of the function you wish to invoke.

Let's consider an array of objects as an example:

const items = [{func:'a',val:5}, {func:'b',val:7}];

You want to loop through these objects and call the function 'a' for the first one and the function 'b' for the second one.

One approach is to define your functions within an object:

const actions = {
  a: function(value) {
    console.log('executing function a');
    console.log(value);
  },
  b: function(value) {
    console.log('executing function b');
    console.log(value);
  }
}

Then, you can achieve this by doing something similar to the following:

items.forEach(item => actions[item.func](item.val));

Answer 3

Answer №2

Typically, the key is parsed in order to invoke a corresponding function.

Answer 4

Typically, the key is parsed in order to invoke a corresponding function.

What is the correct way to invoke a function with a string contained within an object?

Answer №1

Answer №2

Similar questions

Tips for expanding the HTTP header size within Next.js

How to verify the existence of a YouTube video ID using JavaScript

The jQuery toggle functionality seems to be malfunctioning when used alongside various other JavaScript code in close proximity

Issue in Three.js: The lower part of the mesh is not rendering

Issue with label alignment in Chart.js after updating through ajax call

Error retrieving individual user information from the list via REST API

What is a specialized type that exclusively swaps out the methods within an interface for a different type while keeping everything else intact?

What is the best way to display a Base64 image in a server-side DataTable?

Within Codesandbox using Vue, the error message 'The property or method "children" is not defined in the instance, but is referenced during rendering.' appeared

Using JavaScript to execute a PHP function for updating or inserting data into an SQL database

unable to connect a value with the radio button

Crockford's system for safeguarded entities

Does the String.replace() function in Javascript have the capability of incorporating line breaks?

Show a variety of randomly selected pictures from various sources using the command image/next

arrange data based on table heading using vue.js

Stop the form from submitting when the Enter key is pressed

iOS iframe remains unscrollable only when switching from portrait to landscape orientation

"When using FireFox, you can easily create a hyperlink that scrolls to a specific section of a webpage,

Creating custom views in Angular 8 based on user roles through directives

JavaScript's version of "a certain phrase within a text"