Navigate back to the homepage

How to find and remove element from array in javascript?

Infinitbility
JavaScript
May 21st, 2022 · 1 min read

Hi Friends 👋,

Welcome To Infinitbility! ❤️

Today, I’m going to show you how do I find and remove elements from an array in javascript, here I will use the javascript findIndex() method and some conditions to find the exact object in the array, and the splice() method to remove a specific element from an array using element index value.

  • The findIndex() method returns the index of the first element in the array that satisfies the provided testing function. Otherwise, it returns -1, indicating that no element passed the test.

  • The splice() method changes the contents of an array by removing or replacing existing elements and/or adding new elements in place. To access part of an array without modifying it, see slice().

Well, let’s start today’s topic How to find and remove elements from an array in javascript?

Before going to code we have below things.

First, we have any property value which we will use to find in an array.

The second is array 😆.

Okay, let’s plan what we are going to do in code.

  1. Create a sample array variable.
  2. To get index, use findIndex() method
  3. write condition to get the index of desire element
  4. remove an element from an array using an index value
1// Create sample array of objects variable.
2const domains = ["infinitbility", "aGuideHub", "SortoutCode"];
3
4// To get index, use `findIndex()` method
5// write condition to get index of desire element
6let index = domains.findIndex(e => e == "aGuideHub");
7
8console.log("index", index);
9// Expected 'index' 1
10
11// remove element from array using index value
12domains.splice(index, 1)
13
14console.log("domains", domains);
15// 'domains' [ 'infinitbility', 'SortoutCode' ]

In the above example, I’m using findIndex() and comparing every element to get desired element index from the array.

Here, as per expectation, it should show 'domains' [ 'infinitbility', 'SortoutCode' ], let’s check the output.

javascript, find and remove element from array example
javascript, find and remove element from array example

I hope it’s help you, All the best 👍.

Follow me on Twitter

Join our email list and get notified about new content

No worries, I respect your privacy and I will never abuse your email.

Every week, on Tuesday, you will receive a list of free tutorials I made during the week (I write one every day) and news on other training products I create.

Looking For React Native Tutorial?

we are trying to create the best Tutorial for react native developers.

When you want a daily updates about React Native Tutorial or infinitbility update subscribe to our newsletter.

Read React Native Tutorial

Request New Tutorial or Article on mail [email protected]

Guide book

Guidebook: The Javascript Monorepo Photoshop Guide

Tutorials

Categories

More articles from Infinitbility

How to find the index of an object in an array in javascript?

Example of find the index of an object in an array in javascript with step by step guide.

May 21st, 2022 · 1 min read

How to concat two strings in javascript?

Example of concat two strings in javascript with step by step guide.

May 20th, 2022 · 1 min read
© 2020–2022 Infinitbility
About
Link to $https://medium.com/infinitbilityLink to $https://www.facebook.com/InfinitbilityLink to $https://github.com/infinitbilityLink to $https://twitter.com/infinitbilityLink to $https://www.buymeacoffee.com/infinitbilityLink to $mailto:[email protected]