Converting a stringArray into a collection of function pointers for a librarySystem: A step-by

Question

Converting a stringArray into a collection of function pointers for a librarySystem: A step-by

Right now, I am in the process of creating a library system

In the code snippet below, there is a stringArray ['greet','name'] used as dependencies. The goal is to convert this stringArray into an array of functions and pass it into greetingToName() using apply(). Is there a method to achieve this conversion?

function greet(){
  return 'hi!';
}

function name(){
 return 'name';
}

function greetingToName (greet, name) {
 console.log( greet() + ' ' + name() );
}



var stringArray = ['greet','name'];

greetingToName.apply(null, stringArray); // currently not functioning correctly, because it is passing 'greet' and 'name' as strings rather than function pointers.

javascript arrays function-pointers apply

Answer 1

Answer №1

To achieve the desired outcome, you can create an Object containing the necessary functions and pass the strings accordingly. Then, access the functions within the object using their names.

const availableFunctions = {
  sayHello: () => {
    return 'Hello!';
  },
  introduce: () => {
    return 'My name is...';
  }
};

function greetingAndIntroduction(sayHello, introduce) {
  console.log(availableFunctions[sayHello]() + ' ' + availableFunctions[introduce]());
}

const functionNames = ['sayHello', 'introduce'];
greetingAndIntroduction.apply(null, functionNames);

Answer 2

To achieve the desired outcome, you can create an Object containing the necessary functions and pass the strings accordingly. Then, access the functions within the object using their names.

const availableFunctions = {
  sayHello: () => {
    return 'Hello!';
  },
  introduce: () => {
    return 'My name is...';
  }
};

function greetingAndIntroduction(sayHello, introduce) {
  console.log(availableFunctions[sayHello]() + ' ' + availableFunctions[introduce]());
}

const functionNames = ['sayHello', 'introduce'];
greetingAndIntroduction.apply(null, functionNames);

Answer 3

Answer №2

To achieve the desired outcome, one can create function variables and assign them within an array.

An example implementation is provided below:

var greeting = function(){
 return 'Hello!';
}

var personName = function(){
 return 'John';
} 

function combineGreetingWithName (greet, name) {
  console.log( greet() + ' ' + name() );
 }



var functionArray = [greeting, personName];

For a working demonstration, refer to the following Fiddle: https://jsfiddle.net/dk_dragonknight/yhL188se/

Answer 4

To achieve the desired outcome, one can create function variables and assign them within an array.

An example implementation is provided below:

var greeting = function(){
 return 'Hello!';
}

var personName = function(){
 return 'John';
} 

function combineGreetingWithName (greet, name) {
  console.log( greet() + ' ' + name() );
 }



var functionArray = [greeting, personName];

For a working demonstration, refer to the following Fiddle: https://jsfiddle.net/dk_dragonknight/yhL188se/

Answer 5

Answer №3

After reviewing everyone's solutions, I found great inspiration that led me to come up with a unique solution while keeping the function context intact. What are your thoughts on this approach?

var possibleFunctions = {
    greet : function(){
        return 'hello! ';
    },
    name : function(){
        return 'Professor Brilliant!';
    }
}


function combineGreetings (greet, name) {
 console.log( greet() + ' ' + name() );
}


var functionsArray = ['greet','name'];

// Create an array of functions by referencing possibleFunctions based on functionsArray
var arrayOfFunctions = functionsArray.map(function(functionName){
      return possibleFunctions[functionName];
});

combineGreetings.apply(window, arrayOfFunctions);

Answer 6

After reviewing everyone's solutions, I found great inspiration that led me to come up with a unique solution while keeping the function context intact. What are your thoughts on this approach?

var possibleFunctions = {
    greet : function(){
        return 'hello! ';
    },
    name : function(){
        return 'Professor Brilliant!';
    }
}


function combineGreetings (greet, name) {
 console.log( greet() + ' ' + name() );
}


var functionsArray = ['greet','name'];

// Create an array of functions by referencing possibleFunctions based on functionsArray
var arrayOfFunctions = functionsArray.map(function(functionName){
      return possibleFunctions[functionName];
});

combineGreetings.apply(window, arrayOfFunctions);

Converting a stringArray into a collection of function pointers for a librarySystem: A step-by

Answer №1

Answer №2

Answer №3

Similar questions

A guide to verifying the components of a row within a two-dimensional array

jQuery in SVG elements

Creating a custom file using a predefined template in Node.js: Step-by-step guide

Configuring babel-loader in webpack for optimal HMR functionality

"Encountering a Dojo error where the store is either null or not recognized

Verify if the user is currently active

Muddled understanding concerning the utilization of ng-options

Perform an Ajax POST request to a PHP script

Multiple requests were made by Ajax

How can GraphQL facilitate JOIN requests instead of multiple sequential requests?

Implement an event listener in a PHP server-side file to capture the onClick event with the

Refresh information by clicking on the data input

What is the best way to link my PHP with MySQL in order to execute an AJAX query?

Is the Angular Karma test failing to update the class properties with the method?

Adjust the width of the graphics on both sides of the text based on the length of the text content

What is the best way to cycle through data using ngFor or similar methods when dealing with objects that have arrays

Looking for a way to determine in JavaScript whether the last item in an array is a number or not? Keep in mind that the last element could be either a number or a string, depending

JavaScript error: "null or not an object" bug

Error encountered while attempting to convert CSV file: InvalidStateError

Experimenting with an Angular Controller that invokes a service and receives a promise as a