Remove an object from array by key

Question

I have this array :

this.menuItems = [
        {
            category: 'category 4',
            items: [
                {
                    type: 'link',
                    icon: '',
                },
                {
                    type: 'link',
                    icon: '',
                },
            ]
        },
        {
            category: 'category 1',
            items: [
                {
                    type: 'text',
                    icon: 'pencil'
                },
                {
                    type: 'checkbox',
                    icon: 'pencil'
                },
            ]
        },

I want to delete the object from menuItems that have type = checkbox. I tried like this :

this.menuItems.forEach(category => {
            category.items.forEach((item, index) => {
                if (item.type === 'checkbox') {
                    category.splice(index, 1);
                }
            });
        });

But not working. Can you help me please with some advices ? Thx in advance

None of your object has type : checkbox property .. Can you recheck the data? — Maniraj Murugan
– Maniraj Murugan, Commented Jun 22, 2020 at 13:23
items got updated (there will be still some bugs, but not in the example you provided). I believe change detection is not called properly. could you provide a code where these items are rendered? — Andrei
– Andrei, Commented Jun 22, 2020 at 13:24

Nikita Madeev · Accepted Answer · 2020-06-22 13:23:37Z

5

map
filter

const menuItems = [
    {
        category: 'category 4',
        items: [
            {
                type: 'link',
                icon: '',
            },
            {
                type: 'link',
                icon: '',
            },
        ],
    },
    {
        category: 'category 1',
        items: [
            {
                type: 'text',
                icon: 'pencil',
            },
            {
                type: 'checkbox',
                icon: 'pencil',
            },
        ],
    },
];

const result = menuItems.map(item => ({ ...item, items: item.items.filter(i => i.type !== 'checkbox') }));

console.log(result);

answered Jun 22, 2020 at 13:23

Nikita Madeev

4,49012 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

Remove an object from array by key

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related