HIGHER ORDER ARRAY METHODS IN JAVASCRIPT

Shreeprabha bhat - Jun 14 - - Dev Community

WHAT ARE HIGHER ORDER METHODS?

Higher order array methods in javascript are built-in methods that take a function as an argument or return a function as a result.

In Javascript we use many higher order methods that helps in several array manipulation tasks. Few of commonly used array methods are:

  1. forEach()
  2. map()
  3. filter()
  4. reduce()
  5. find()
  6. findIndex()
  7. some()
  8. every()
  9. sort()
  10. flatmap()

In this blog I am going to discuss about the most commonly asked higher order methods that are map(), reduce() and filter().

map()

map() higher order method is used to map through an array and return a new array by performing some operation.

Syntax

map((value)=>{
})
map((value,index)=>{
})
map((value,index,array)=>{
})
Enter fullscreen mode Exit fullscreen mode

Example

let a=[1,2,3,4]
let a1=a.map((value)=>{
console.log(value)
return value+2
})
let a2=a.map((value,index)=>{
console.log(value,index)
return value+2
})
let a3=a.map((value,index,array)=>{
console.log(value,index,array)
return value+2
})
Enter fullscreen mode Exit fullscreen mode

filter()

filter() method is used to filter an array with values that passes the test.

Syntax

filter((value)=>{
})
filter((value,index)=>{
})
filter((value,index,array)=>{
})
Enter fullscreen mode Exit fullscreen mode

Example

let a=[28,96,15,1,3,5]
let a1=a.filter((value)=>{
return value>10
})
console.log(a1)
Enter fullscreen mode Exit fullscreen mode

reduce()

reduce() method is used to reduce an array into a single value. reduce() method usually takes two parameters as an argument.

Syntax

reduce((h1,h2)=>{
})
Enter fullscreen mode Exit fullscreen mode

Example

let a=[1,4,5,3,7]
let a1=a.reduce((h1,h2)=>{
return h1+h2
})
Enter fullscreen mode Exit fullscreen mode

Higher order methods are powerful tools that allow more readable, concise and function-style programming. map(), reduce() and filter() methods are some basic and more important methods which are usually asked in beginners interview.

. . . . . . . .