How to delete a certain Object from an Array

Question

I have an Array as shown below

var test = 
[
  {
    "name": "Mike",
    "incentives": "23.45",
    "id": "1"
  },
  {
    "name": "Larsen",
    "incentives": "34.78",
    "id": "2"
  },
  {
    "name": "Steve",
    "incentives": "26.78",
    "id": "3"
  }
]

I want to remove a certain Object

I have tried as shown below

var idtoberemoved = 2

test = test.filter((obj) => typeof obj.id = '2');

https://jsfiddle.net/o2gxgz9r/65584/

once i execute this line , the array length is becoming 1 , where as i removed only one element so it must be 2 — Pawan
– Pawan, Commented Aug 21, 2018 at 18:45

Taplar · Accepted Answer · 2018-08-21 18:41:54Z

1

You could find the index of the element in the array, and use splice to remove it.

var test = [{
    "name": "Mike",
    "incentives": "23.45",
    "id": "1"
  },
  {
    "name": "Larsen",
    "incentives": "34.78",
    "id": "2"
  },
  {
    "name": "Steve",
    "incentives": "26.78",
    "id": "3"
  }
];

//Use splice to remove the element
test.splice(
  //find the index of the element to be removed
  test.indexOf(test.find(function(element){ return element.id === "2"; }))
  //remove 1 element from the index found
  , 1
);

console.log(test);

answered Aug 21, 2018 at 18:41

Taplar

25k4 gold badges24 silver badges36 bronze badges

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

Comments

Arup Rakshit · Accepted Answer · 2018-08-21 18:38:34Z

0

typeof obj.id will give you "string", and you want to filter out the objects whose id property is not equalt to "2". So, it should be

test.filter(obj => obj.id !== '2');

In JS, = is for assignment, not for equality test. We use ==, ===, !==, != for equality tests. There are difference between == and ===, but that is a whole subject.

answered Aug 21, 2018 at 18:38

Arup Rakshit

119k30 gold badges270 silver badges328 bronze badges

3 Comments

Pawan Over a year ago

The length is 1 , but it must be 2 know ,because i removed only 1 object from the array

Arup Rakshit Over a year ago

@Pawan I am not getting you.

Helping hand Over a year ago

make it test.filter(obj => obj.id !== '2');

chebaby · Accepted Answer · 2018-08-21 18:47:40Z

    var test = [
        {
            "name": "Mike",
            "incentives": "23.45",
            "id": "1"
        },
        {
            "name": "Larsen",
            "incentives": "34.78",
            "id": "2"
        },
        {
            "name": "Steve",
            "incentives": "26.78",
            "id": "3"
        }
    ];
    
    var filtered = test.filter(function(object) {
    
        return object.id != 2;
    });
    
    console.log(filtered);

Sreekanth · Accepted Answer · 2018-08-21 19:42:49Z

If you are looking for more than one id being removed, here is one more way to accomplish using reduce. This is not very different from the other approaches and answers, but a different way to accomplish the ask.

var test = [{
    "name": "Mike",
    "incentives": "23.45",
    "id": "1"
  },
  {
    "name": "Larsen",
    "incentives": "34.78",
    "id": "2"
  },
  {
    "name": "Steve",
    "incentives": "26.78",
    "id": "3"
  }
];

function removeItem(idList) {

  var result = test.reduce(function(output, currentObject) {
    if (!idList.includes(currentObject.id)) {
      output.push(currentObject);
    }
    return output;
  }, []);
  return result;
}


console.log(removeItem(["2", '3']))

Collectives™ on Stack Overflow

How to delete a certain Object from an Array

4 Answers 4

Comments

3 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

Comments

Comments

Related