JavaScript - delete object properties in array of objects

Question

Is there a better / shorter method to delete properties from objects in an array of objects than the below example. I can use vanilla JS or lodash.

Exmaple function:

  function stripObjProps(arr) {
    let newArr = _.clone(arr);
    for (let i = 0; i < arr.length; i += 1) {
      delete newArr[i].isBounded;
      delete newArr[i].isDraggable;
      delete newArr[i].isResizable;
      delete newArr[i].maxH;
      delete newArr[i].maxW;
      delete newArr[i].minH;
      delete newArr[i].minW;
      delete newArr[i].resizeHandles;
      delete newArr[i].moved;
      delete newArr[i].static;
    }
    return newArr;
  }

["isBounded","isDraggable","isResizable","maxH","maxW","minH","minW","resizeHandles","moved","static"].forEach(k => delete newArr[i][k]) — Bravo
– Bravo, Commented Apr 15, 2022 at 23:44
@ZulfiqarAli nope ... i comes from the for loop over the newLay array (whatever that is) the code I suggested is inside the for loop — Bravo
– Bravo, Commented Apr 15, 2022 at 23:46
I would probably map the array and rebuild the objects (destructure either the props you want or the props you don't want). Also you can use structuredClone now for native deep cloning. — pilchard
– pilchard, Commented Apr 15, 2022 at 23:52

Ervin Szilagyi · Accepted Answer · 2022-04-16 00:11:33Z

3

You can use omit from Lodash to exclude properties:

function stripObjProps(arr) {
    return arr.map(item => _.omit(item, ['isBounded', 'isDraggable', 'isResizable', 'maxH', 'maxW', 'minH', 'minW', 'resizeHandles', 'moved', 'static']));
}

const newArray = stripObjProps(originalArray)

Additionally, you can use pick instead of omit. In case of pick you specify only the properties which you want to keep.

answered Apr 16, 2022 at 0:11

Ervin Szilagyi

16.9k2 gold badges39 silver badges58 bronze badges

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

1 Comment

Bravo Over a year ago

I knew lodash would have to have something useful - If you're going to use lodash, you may as well read the documentation and use all of it :p

Bravo · Accepted Answer · 2022-04-16 00:03:35Z

2

I can think of two ways

function stripObjProps(arr) {
    let newArr = _.clone(arr);
    for (let i = 0; i < newLay.length; i += 1) {
        [
            "isBounded", 
            "isDraggable", 
            "isResizable", 
            "maxH", 
            "maxW", 
            "minH", 
            "minW", 
            "resizeHandles", 
            "moved", 
            "static"
        ].forEach(k => delete newArr[i][k]);
    }
}

or - assuming newLay is a typo

function stripObjProps(arr) {
    return arr.map(item => {
        let {
            isBounded,
            isDraggable,
            isResizable,
            maxH,
            maxW,
            minH,
            minW,
            resizeHandles,
            moved,
            static,
            ...ret
        } = item;
        return ret;
    });
}

NOTE: no need for _.clone in this second example, since you aren't doing a deep clone, map returns a new array with a new object (...ret)

However, I don't use lodash, so there may be an even better way with that library

edited Apr 16, 2022 at 0:03

answered Apr 15, 2022 at 23:53

Bravo

6,3271 gold badge14 silver badges19 bronze badges

2 Comments

Bravo Over a year ago

@pilchard hmmm ... I think the second code would still produce a different result ... the original OP's code would mutate the objects in the original array, would it not? maybe not, I'm overthinking now!!!

pilchard Over a year ago

If clone is indeed shallow, then yes, they should mutate the originals (probably an unwanted side effect?) heh.

A1exandr Belan · Accepted Answer · 2022-04-16 13:08:14Z

0

Another way to remove properties with filter and Object entries / fromEntries.

const data = [
  { a: 1, b: 2, c: 3, d: 4, e: 5 }, 
  { a: 1, b: 2, c: 3, d: 4, e: 5 }, 
  { a: 1, b: 2, c: 3, d: 4, e: 5 },
];

const excludeKeys = ['b', 'c', 'd'];

const exclude = (obj) => 
    Object.fromEntries(
        Object.entries(obj)
        .filter(([key]) => !excludeKeys.includes(key)));
    
const result = data.map(exclude);

console.log(result);

.as-console-wrapper {max-height: 100% !important; top: 0}

edited Apr 16, 2022 at 13:08

answered Apr 16, 2022 at 12:45

A1exandr Belan

4,7803 gold badges30 silver badges53 bronze badges

Collectives™ on Stack Overflow

JavaScript - delete object properties in array of objects

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related