What are higher-order functions in JavaScript and how do you use them?

Question

Aryan Kumar · Answer

Higher-order functions in JavaScript are functions that can take other functions as arguments or return functions as their result. They are a powerful tool that can be used to write more concise and reusable code.

Some examples of higher-order functions in JavaScript include:

map()
filter()
reduce()
sort()
forEach()
every()
some()

These functions can be used to iterate over arrays, apply a function to each element, and return a new array, object, or value.

For example, the map() function can be used to double the values in an array:

Code snippet

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map(x => x * 2);

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

The filter() function can be used to return an array containing only the even numbers in an array:

Code snippet

const numbers = [1, 2, 3, 4, 5];

const evenNumbers = numbers.filter(x => x % 2 === 0);

console.log(evenNumbers); // [2, 4]

The reduce() function can be used to calculate the sum of the elements in an array:

Code snippet

const numbers = [1, 2, 3, 4, 5];

const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);

console.log(sum); // 15

Pullups can be a little confusing at first, but they are an important concept to understand if you want to write efficient JavaScript code.

Here are some additional lifting details:

Only variable and function declarations are pulled up. Expressions are not pulled up.
The cord itself does not move even if you lift it. Just move the variable or function declaration.
If you are not careful, lifting can cause unexpected behavior. For example, trying to access a variable that has not yet been declared will raise a ReferenceError.

Here are some tips to avoid lifting problems.

Always declare variables and functions at the top of the scope.
Use let instead of var when declaring variables. The let declaration never occurs, thus avoiding the bug.
Use strict mode. Strict mode prevents some of the problems that lifting can cause.

forum

What are higher-order functions in JavaScript and how do you use them?

Can you answer this question?

1 Answers