Remove 'value' key from nested array of objects

Question

I got an array like this:

rows: [
  [
    { title: 'Test', value: 1 },
    { title: 'Test2', value: 2 },
    { title: 'Test3', value: 3 },
  ],
  [
    { title: 'Test4', value: 4 },
    { title: 'Test5', value: 5 },
  ],
  [
    { title: 'Test6', value: 6 },
    { title: 'Test7', value: 7 },
  ]
]

Now I'd like to unset the key value in each nested object.

At the moment I am doing:

rows.map(function(fields){
    return fields.map(function(field){
      field.value = '';
      return field;
    })
});

Do you see a better way to do this?

Better in what sense? Time complexity or something?

user7896971
– user7896971

2020-05-07 13:36:03 +00:00
Commented May 7, 2020 at 13:36 — user7896971
– user7896971, Commented May 7, 2020 at 13:36
Don't use .map for side-effects.

CertainPerformance
– CertainPerformance

2020-05-07 13:37:32 +00:00
Commented May 7, 2020 at 13:37 — CertainPerformance
– CertainPerformance, Commented May 7, 2020 at 13:37

Vinay Jadhav · Accepted Answer · 2020-05-07 18:21:04Z

function deleteKeyFromObject(inputObject) {
    for (let[currentObjectKey,currentObjectValue] of Object.entries(inputObject)) {
        if (currentObjectKey === 'value') {
            delete inputObject.value;
        } else if (Array.isArray(currentObjectValue)) {
            deleteObjectFromArray(currentObjectValue);
        } else if (typeof currentObjectValue === 'object') {
            deleteKeyFromObject(currentObjectValue);
        }
    }
    ;
}

function deleteObjectFromArray(inputArray) {
    for (let currentIndex = 0; currentIndex < inputArray.length; currentIndex++) {
        let currentElement = inputArray[currentIndex];
        if (Array.isArray(currentElement)) {
            deleteObjectFromArray(currentElement);
        } else if (typeof currentElement === 'object') {
            deleteKeyFromObject(currentElement);
        }
    }
    ;
}

var data1 = {
    rows: [[{
        title: 'Test',
        value: 1
    }, {
        title: 'Test2',
        value: 2
    }, {
        title: 'Test3',
        value: 3
    }, ], [{
        title: 'Test4',
        value: 4
    }, {
        title: 'Test5',
        value: 5
    }, ], [{
        title: 'Test6',
        value: 6
    }, {
        title: 'Test7',
        value: 7
    }, ]]
}

deleteKeyFromObject(data1);
console.log(data1);

Ashish Ranjan · Accepted Answer · 2020-05-07 13:42:54Z

1

Probably not modifying existing objects could be a better practice:

rows = rows.map(fields => {
    return fields.map(field => {
        return {...field, value: ''};
    })
});

answered May 7, 2020 at 13:42

Ashish Ranjan

13k5 gold badges32 silver badges53 bronze badges

Comments

Gavin · Accepted Answer · 2020-05-07 13:40:39Z

0

You can use delete to explicitly remove a property and its value. No map needed:

var ob = {foo:'bar',fizz:'buzz'};
console.log(ob); // Object { foo: "bar", fizz: "buzz" }
delete ob.fizz;
console.log(ob); // Object { foo: "bar" }

answered May 7, 2020 at 13:40

Gavin

2,3852 gold badges19 silver badges30 bronze badges

Collectives™ on Stack Overflow

Remove 'value' key from nested array of objects

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related