Delete the attributes from array of objects

Question

I have an array of objects as metioned below

Flag =[{type: "folder", name: "Real Estate", order: "1", delete: "false", canModify: "true"}
 {type: "folder", name: "Legal", order: "2", delete: "false", canModify: "false"}
 {type: "folder", name: "Construction", order: "3", delete: "false", canModify: "true"}
 {type: "folder", name: "Design", order: "4", delete: "false", canModify: "true"}];

I want to remove name,order from the array my output should look like

Flag =[{type: "folder",  delete: "false", canModify: "true"}
 {type: "folder",   delete: "false", canModify: "false"}
 {type: "folder",  delete: "false", canModify: "true"}
 {type: "folder",  delete: "false", canModify: "true"}];

Which is the better way to do it, array.splice() or array.pop()

OliverRadini · Accepted Answer · 2019-02-20 11:47:58Z

2

I'm not sure how you could use splice and pop for this, I'd use the rest operator to remove the properties:

const Flag = [{
  type: "folder",
  name: "Real Estate",
  order: "1",
  delete: "false",
  canModify: "true"
}, {
  type: "folder",
  name: "Legal",
  order: "2",
  delete: "false",
  canModify: "false"
}, {
  type: "folder",
  name: "Construction",
  order: "3",
  delete: "false",
  canModify: "true"
}, {
  type: "folder",
  name: "Design",
  order: "4",
  delete: "false",
  canModify: "true"
}, ];

const result = Flag.map(x => {
  const {
    name,
    order,
    ...rest,
  } = x;

  return rest;
});

console.dir(result);

answered Feb 20, 2019 at 11:47

OliverRadini

6,4941 gold badge26 silver badges57 bronze badges

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

Comments

Maheer Ali · Accepted Answer · 2019-02-20 11:47:03Z

0

You can use delete keyword to delete properties of object

let Flag =[{type: "folder", name: "Real Estate", order: "1", delete: "false", canModify: "true"},
 {type: "folder", name: "Legal", order: "2", delete: "false", canModify: "false"},
 {type: "folder", name: "Construction", order: "3", delete: "false", canModify: "true"},
 {type: "folder", name: "Design", order: "4", delete: "false", canModify: "true"}];
 
Flag.forEach(obj => {
  delete obj.name;
  delete obj.order;
})
console.log(Flag);

answered Feb 20, 2019 at 11:47

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

Comments

Syed Mehtab Hassan · Accepted Answer · 2019-02-20 11:49:49Z

0

Use delete

Flag = [{
    type: "folder",
    name: "Real Estate",
    order: "1",
    delete: "false",
    canModify: "true"
  },
  {
    type: "folder",
    name: "Legal",
    order: "2",
    delete: "false",
    canModify: "false"
  },
  {
    type: "folder",
    name: "Construction",
    order: "3",
    delete: "false",
    canModify: "true"
  },
  {
    type: "folder",
    name: "Design",
    order: "4",
    delete: "false",
    canModify: "true"
  }
];

function del() {
  for (i = 0; i < Flag.length; i++) {
    if (Flag[i].name) delete Flag[i].name;
    if (Flag[i].order) delete Flag[i].order;
  }
  return Flag;
}
console.log(del());

answered Feb 20, 2019 at 11:49

Syed Mehtab Hassan

1,3571 gold badge12 silver badges24 bronze badges

Comments

R3tep · Accepted Answer · 2019-02-20 11:57:30Z

0

The better way is to remove the property into the object with delete operator

Flag =[{type: "folder", name: "Real Estate", order: "1", delete: "false", canModify: "true"},
 {type: "folder", name: "Legal", order: "2", delete: "false", canModify: "false"},
 {type: "folder", name: "Construction", order: "3", delete: "false", canModify: "true"},
 {type: "folder", name: "Design", order: "4", delete: "false", canModify: "true"}];
 
 Flag.forEach( obj => { 
   delete obj.name; 
   delete obj.order; 
 });
 
 console.log(Flag)

array.splice() or array.pop() will remove the object into your array and not the properties

edited Feb 20, 2019 at 11:57

answered Feb 20, 2019 at 11:46

R3tep

12.9k10 gold badges53 silver badges77 bronze badges

Comments

Rahul · Accepted Answer · 2019-02-20 12:27:19Z

Approach 1

Flag = [{
    type: "folder",
    name: "Real Estate",
    order: "1",
    delete: "false",
    canModify: "true"
  },
  {
    type: "folder",
    name: "Legal",
    order: "2",
    delete: "false",
    canModify: "false"
  },
  {
    type: "folder",
    name: "Construction",
    order: "3",
    delete: "false",
    canModify: "true"
  },
  {
    type: "folder",
    name: "Design",
    order: "4",
    delete: "false",
    canModify: "true"
  }
];
var removeKeys = ['name', 'order'];
myArray = Flag.filter(function(obj) {
  removeKeys.forEach(e => delete obj[e]);
  return obj;
});
console.log(myArray);

Approach 2

Flag = [{
    type: "folder",
    name: "Real Estate",
    order: "1",
    delete: "false",
    canModify: "true"
  },
  {
    type: "folder",
    name: "Legal",
    order: "2",
    delete: "false",
    canModify: "false"
  },
  {
    type: "folder",
    name: "Construction",
    order: "3",
    delete: "false",
    canModify: "true"
  },
  {
    type: "folder",
    name: "Design",
    order: "4",
    delete: "false",
    canModify: "true"
  }
];
Flag = Flag.filter(function(obj) {
  delete obj.name;
  delete obj.order
  return obj;
});
console.log(Flag);

Collectives™ on Stack Overflow

Delete the attributes from array of objects

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related