React - Remove item from array using its name / value

Question

I have a JSONArrary like this:

myJsonArray = [
    {
        id: '1A',
        name: 'GER'
    },
    {
        id: '2B',
        name: 'BRU',
    },
    {
        id: '3C',
        name: 'ARG'
    }
]

I tried to many ways to remove a complete item. At the moment to remove it, the only value I have is id.

How I can remove (for example) the item with id: '1A' and get as result an array like this:

myJsonArray = [
    {
        id: '2B',
        name: 'BRU',
    },
    {
        id: '3C',
        name: 'ARG'
    }
]

hint: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Robin Zigmond
– Robin Zigmond, Commented Sep 1, 2019 at 13:22

Ayaz · Accepted Answer · 2019-09-01 13:31:07Z

1

You can use filter method to remove the item from array.

myJsonArray = myJsonArray.filter(x => x.id !== '1A');

answered Sep 1, 2019 at 13:31

Ayaz

2,1314 gold badges17 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Benjamin RD Over a year ago

Simple and elegant answer! Thanks!

matthewjgunton · Accepted Answer · 2019-09-01 13:29:00Z

1

A very simple solution would be:

let index = -1;
for( let i = 0; i < myJsonArray.length; i++ ){
    if( myJsonArray[i].id === searchId ){
       index = i;
    }
}
if(index == -1){
   //however you want to handle it
   console.log("not found");
}
myJsonArray.splice(index, 1);

answered Sep 1, 2019 at 13:29

matthewjgunton

211 bronze badge

Collectives™ on Stack Overflow

React - Remove item from array using its name / value

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related