Here is an array that contains various data types, including a function.
Although there is an object in this example, the function is not within the object.
If you replace this object with a string, the function will still work as planned.
I can call the function from within or without the array.
myArray = [
1,
true,
"String",
{
name: "trey",
age: 43,
},
[1,2,3,4],
myFunction = function[]{
console.log["What\'s up!"];
},
myArray[5][],
];
console.log[myArray];
myArray[5][];
Here is the output:
What's up!
[ 1, true, 'String', { name: 'trey', age: 43 }, [ 1, 2, 3, 4 ], [Function], undefined ]
What's up!
View Discussion
Improve Article
Save Article
View Discussion
Improve Article
Save Article
Given an array containing functions and the task is to access its element in different ways using JavaScript.
Approach:
- Declare an array of functions.
- The array of function works with indexes like an array function.
Example 1: In this example, the function call is initiated from the element of array but the function is defined somewhere else. We can pass arguments to the function while calling.
Array of functions in javascript
GeeksForGeeks
click here
var up = document.getElementById['GFG_UP'];
var down = document.getElementById['GFG_DOWN'];
function firstFun[str] {
down.innerHTML = str;
}
function secondFun[str] {
down.innerHTML = str;
}
function thirdFun[str] {
down.innerHTML = str;
}
// Declare array of functions
var arrayOfFunction = [
firstFun,
secondFun,
thirdFun
]
up.innerHTML = "Calling function from the array of functions";
// Function call
function GFG_Fun[] {
arrayOfFunction[0]["This is first function"];
}
Output:
Example 2: In this example, the function [anonymous] itself is defined as the elements of array. We can access it by accessing the element of array followed by [].
Array of functions in JavaScript
GeeksForGeeks
click here
var up = document.getElementById['GFG_UP'];
var down = document.getElementById['GFG_DOWN'];
// Declare an array of functions
var arrayOfFunction = [
function[] {
down.innerHTML = "Inside First function";
},
function[] {
down.innerHTML = "Inside Second function";
},
function[] {
down.innerHTML = "Inside Third function";
}
]
up.innerHTML = "Calling function from the array of functions";
function GFG_Fun[] {
arrayOfFunction[2][];
}
Output: