filter javascript object with key value

Question

I am filtering a javascript object..

[{
   title: 'example1',
   categorySlug: 'cat-1',
   categoryName: 'hello1'
}
{
   title: 'example2',
   categorySlug: 'cat-2',
   categoryName: 'hello2'
}
{
   title: 'example3',
   categorySlug: 'cat-1',
   categoryName: 'hello1'
}]

I need the object as below

[{
    categorySlug: "cat1",
    categoryName: "hello1",
    data: [{
        {
            title: "example1",
            categorySlug: 'cat-1',
            categoryName: 'hello1'
        },
        {
            title: "example1",
            categorySlug: 'cat-1',
            categoryName: 'hello1'
        }
    }]
},
 {
    categorySlug: "cat2",
    categoryName: "hello2",
    data: [{
        {
            title: "example2",
            categorySlug: 'cat-2',
            categoryName: 'hello2'
        }
    }]
}
]

I need to filter the object. I have tried with many way but I have faield to filter the object.

#I have added one more category And I nedd to filter like that.

Is categorySlug and categoryName always the same in pairs? (i.e. cat-2 always together with hello2 etc.) — deaponn
– deaponn, Commented Aug 30, 2022 at 10:22

msmoore · Accepted Answer · 2022-08-29 16:45:07Z

1

You can use the array map method.


const array = [{
   title: 'example1',
   categorySlug: 'cat-1',
   categoryName: 'hello1'
}
{
   title: 'example2',
   categorySlug: 'cat-2',
   categoryName: 'hello2'
}]

// map over the objects within array
const newArray = array.map((category) => ({ categorySlug: category.categorySlug,
   categoryName: category.categoryName, data: [category] }))

Bare in mind the map method does not mutate the original array. Meaning 'array' will stay the same but 'newArray' will contain your new array with your new data structure

edited Aug 29, 2022 at 16:45

answered Aug 29, 2022 at 16:37

msmoore

4083 silver badges12 bronze badges

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

2 Comments

Md. Golam Rabbani Over a year ago

categorySlug is being duplicate when more than one category slug ..can you please help

Md. Golam Rabbani Over a year ago

please see the question again.

Youssef B · Accepted Answer · 2022-08-29 16:43:16Z

0

var objectArray = [{
   title: 'example1',
   categorySlug: 'cat-1',
   categoryName: 'hello1'
},
{
   title: 'example2',
   categorySlug: 'cat-2',
   categoryName: 'hello2'
}]

var newArray = [];

for (let i = 0; i < objectArray.length; i++) {
   const items = objectArray[i];
    newArray.push({
      categorySlug: items.categorySlug,
      categoryName: items.categoryName,
       data: [items]
    })

}

console.log(newArray)

answered Aug 29, 2022 at 16:43

Youssef B

704 bronze badges

1 Comment

Md. Golam Rabbani Over a year ago

it is not filtering when more that one categorySlug

deaponn · Accepted Answer · 2022-08-30 10:55:31Z

0

What you want to achieve is more like grouping and not filtering. I think the below script will satisfy you.

const array = [{
    title: 'example1',
    categorySlug: 'cat-1',
    categoryName: 'hello1'
},
{
    title: 'example2',
    categorySlug: 'cat-2',
    categoryName: 'hello2'
},
{
    title: 'example3',
    categorySlug: 'cat-1',
    categoryName: 'hello1'
}]

const result = array
    .filter((value, index, self) => index === self.findIndex((item) => item.categoryName === value.categoryName))
    .map(({ title, ...category }) => {
        return { ...category, data: array.filter((item) => item.categoryName === category.categoryName) };
    });

console.log(result)

edited Aug 30, 2022 at 10:55

answered Aug 30, 2022 at 10:40

deaponn

8574 silver badges14 bronze badges

Collectives™ on Stack Overflow

filter javascript object with key value

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related