Remove specific property from an array of object

Question

I have issue with splicing item from an array object with specific property. Here is the explanation.

  delColumn($event: any, el: any) {
if ($event.target && el > -1) {
  var colId: string = this.receivedData[0].value.columns[el].id;
  var obj = this.receivedData[0];
  obj.values.columns = obj.values.columns.filter(s => s.id != colId);
  obj.values.rows.forEach(s => {
    delete s.Col_1;
    return s;
  });
}

}

Now, My requirement is When I click on Delete Column it comes into this method and I want to delete specific column and rows associated with that.

Thanks for the help in advance.

I appreciate your quick response but I tried that and it is not working for me (gives me error related to function). Can you please help me by creating some fiddle with my requirement. Thanks in advance. — Nimmi, Apr 23 '18 at 14:51
in https://stackoverflow.com/questions/34698905/clone-a-js-object-except-for-one-key clone an object without a key, you can map your array using the function — Eliseo, Apr 23 '18 at 14:55

gurvinder372 · Answer 1 · 2018-04-23T14:56:06.623

2

Use filter and forEach

obj.values.columns = obj.values.columns.filter(s => s.id != "Col_1");
obj.values.rows.forEach( s => {
   delete s.Col_1;
   return s;
});

edited Apr 23 '18 at 14:56

answered Apr 23 '18 at 14:51

gurvinder372

66,980
10
72
94

I am trying will update in few mins. Thanks for the swift assistance. – Nimmi Apr 23 '18 at 14:58
Having error "TypeError: Cannot read property 'columns' of undefined" – Nimmi Apr 23 '18 at 15:00
@Nimmi Show the exact object you are testing with. – gurvinder372 Apr 23 '18 at 15:01
Can we go to chat? I can not share my code publicaly – Nimmi Apr 23 '18 at 15:01
@Nimmi It is better if the critical info such as the input object is updated in the original question itself so that it is useful for future readers. – gurvinder372 Apr 23 '18 at 15:02
@Nimmi Please update your question itself with a working fiddle. – gurvinder372 Apr 23 '18 at 15:03
Please share the console. Log output of obj – gurvinder372 Apr 23 '18 at 15:07
Uploaded console. – Nimmi Apr 23 '18 at 15:22

Eliseo · Accepted Answer · 2018-04-23T16:38:21.000

2

  rows=[{Col1:1,Value:1},
        {Col1:1,Value:2},
        {Col1:1,Value:3},
        {Col1:1,Value:4}];

  rowsNew=this.rows.map(x=>{
     return this.objectWithoutKey(x,"Col1");
  })
  objectWithoutKey(object, key){
    const {[key]: deletedKey, ...otherKeys} = object;
    return otherKeys;
  }
  ngOnInit()
  {
     console.log(this.rows);
     console.log(this.rowsNew);
  }

edited Apr 23 '18 at 16:38

answered Apr 23 '18 at 15:01

Eliseo

50,109
4
29
67

This is not working gives me errors in code. I really appreciate if you can update it properly. – Nimmi Apr 23 '18 at 15:23
Sorry @Nimmi, based in the link I've posted, I've updated the code (really I remove the old code and put a new one) – Eliseo Apr 23 '18 at 16:39
Worked for me. Thank you so much. – Nimmi Apr 23 '18 at 17:47

Remove specific property from an array of object

2 Answers2