Filter Arrow Function (ES6)

by vsasikalabe Updated: Mar 17, 2023

Guide Kit

We can use arrow functions with JavaScript Array methods like map, reduce, filter, etc. With these methods, you can make complete array transformations in one line by using arrow functions. filter() method will create a new array with all elements that filtered the element with some specific conditions.

The Array filter() is an inbuilt method, and this function creates a new array with elements that follow the given criteria and conditions.

Syntax:

var newArray = arr.filter(callback(element[, index[, array]])

[, thisArg])

Parameter: This method accepts two parameters:

Callback: This function is used to test each element of the array. It returns true to keep the element.

Element: The current element being executed in the array. Otherwise, it is false. It accepts three arguments:

index(Optional): The current element's index is executed in the array.
array(Optional): The array filter was called.
thisArg(Optional): Value to use (when executing the callback function).

Here is an example of how to ES6 Filter Arrow functions:

Preview of the output that you will get on running this code from your IDE.

Code

Filter Arrow Function (ES6)

JavaScriptLines of Code : 27License : Strong Copyleft (CC BY-SA 4.0)

var jobs = [{
    receptionist: "James"
  },
  {
    programmer: "Steve"
  },
  {
    designer: "Alicia"
  }
];

var solution = jobs.filter(obj => obj.hasOwnProperty('programmer'));
console.log(solution)
var jobs = [{receptionist: "James"}, 
            {programmer: "Steve"},
            {designer: "Alicia"}];

var solution = jobs.filter(obj => 'programmer' in obj);
console.log(solution)

var jobs = [{receptionist: "James"}, 
            {programmer: "Steve"},
            {designer: "Alicia"}];

var solution = jobs.filter(obj => Object.keys(obj).includes('programmer'));
console.log(solution)

Instructions

Follow the steps carefully to get the output easily.

Download and Install VS Code on your Computer.
Open the VS Code and install Javascript ES6 Code Snippet and Code Runner from Extensions.
Open the new file and save it as example.js (functions.js)
Copy the code using the "Copy" button above, and paste it into your Javascript file.
Run the code using (ctr+alt+N) Run button.

I hope you found this useful. I have added version information in the following sections.

I found this code snippet by searching for ' Filter Arrow Function (ES6) ' in kandi. You can try any such use case!

Environment Tested

I tested this solution in the following versions. Be mindful of changes when working with other versions.

The solution is created in VS Code 1.73.1 version.
JavaScript (ES6) code snippets v1.8.0
Code Runner v0.12.0

Using this solution, we are able to do Filter Arrow Function (ES6) with simple steps. This process also facilities an easy way to use, hassle-free method to create a hands-on working version of code which would help us to do Filter Arrow Function (ES6).

Support

For any support on kandi solution kits, please use the chat
For further learning resources, visit the Open Weaver Community learning page

Open Weaver – Develop Applications Faster with Open Source

Terms
Privacy policy

Filter Arrow Function (ES6)

Code

Instructions

Environment Tested

Support

Open Weaver – Develop Applications Faster with Open Source

kandi

Community and Support

Company

Follow